Open Graph protocol

The Open Graph protocol

The Open Graph protocol enables any web page to become a rich object in a social graph.

Open Graph protocol

The Open Graph protocol enables any web page to become a rich object in a social graph.

<!-- HTML Meta Tags -->
<title>The Open Graph protocol</title>
<meta name="description" content="The Open Graph protocol enables any web page to become a rich object in a social graph.">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Open Graph protocol">
<meta property="og:description" content="The Open Graph protocol enables any web page to become a rich object in a social graph.">
<meta property="og:url" content="https://ogp.me/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://ogp.me/logo.png">
<meta property="og:image:alt" content="The Open Graph logo">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">

{
  "title": "The Open Graph protocol",
  "description": "The Open Graph protocol enables any web page to become a rich object in a social graph.",
  "keywords": null,
  "themeColor": null,
  "author": null,
  "generator": null,
  "publisher": null,
  "creator": null,
  "og": {
    "title": "Open Graph protocol",
    "description": "The Open Graph protocol enables any web page to become a rich object in a social graph.",
    "url": "https://ogp.me/",
    "siteName": null,
    "locale": null,
    "type": "website",
    "image": {
      "url": "https://ogp.me/logo.png",
      "width": "300",
      "height": "300",
      "alt": "The Open Graph logo"
    },
    "video": {
      "url": null,
      "type": null,
      "width": null,
      "height": null
    },
    "audio": {
      "url": null,
      "type": null
    }
  },
  "twitter": {
    "card": null,
    "site": null,
    "creator": null,
    "title": null,
    "description": null,
    "image": {
      "url": null,
      "width": null,
      "height": null,
      "alt": null
    },
    "player": {
      "url": null,
      "width": null,
      "height": null,
      "stream": null
    },
    "app": {
      "iphone": {
        "name": null,
        "id": null,
        "url": null
      },
      "ipad": {
        "name": null,
        "id": null,
        "url": null
      },
      "googleplay": {
        "name": null,
        "id": null,
        "url": null
      }
    }
  }
}