Metadata  |  web.dev

Metadata  |  web.dev

How to use meta tags to provide information about your documents.

#3740ff

Metadata  |  web.dev

How to use meta tags to provide information about your documents.

web.dev

summary

<!-- HTML Meta Tags -->
<title>Metadata  |  web.dev</title>
<meta name="description" content="How to use meta tags to provide information about your documents.">
<meta name="theme-color" content="#3740ff">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Metadata  |  web.dev">
<meta property="og:description" content="How to use meta tags to provide information about your documents.">
<meta property="og:url" content="https://web.dev/learn/html/metadata">
<meta property="og:site_name" content="web.dev">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://web.dev/static/images/social-wide.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="675">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@ChromiumDev">
<meta name="twitter:image" content="https://web.dev/static/images/social-wide.jpg">

{
  "title": "Metadata  |  web.dev",
  "description": "How to use meta tags to provide information about your documents.",
  "keywords": null,
  "themeColor": "#3740ff",
  "author": null,
  "generator": null,
  "publisher": null,
  "creator": null,
  "og": {
    "title": "Metadata  |  web.dev",
    "description": "How to use meta tags to provide information about your documents.",
    "url": "https://web.dev/learn/html/metadata",
    "siteName": "web.dev",
    "locale": "en",
    "type": "website",
    "image": {
      "url": "https://web.dev/static/images/social-wide.jpg",
      "width": "1200",
      "height": "675",
      "alt": null
    },
    "video": {
      "url": null,
      "type": null,
      "width": null,
      "height": null
    },
    "audio": {
      "url": null,
      "type": null
    }
  },
  "twitter": {
    "card": "summary",
    "site": "@ChromiumDev",
    "creator": null,
    "title": null,
    "description": null,
    "image": {
      "url": "https://web.dev/static/images/social-wide.jpg",
      "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
      }
    }
  }
}