What's in the head? Web page metadata - Learn web development | MDN

What's in the head? Web page metadata - Learn web development | MDNMDN Web DocsMDN logo

The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains metadata information such as the page <title>, links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document).

#ffffff

What's in the head? Web page metadata - Learn web development | MDN

The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains metadata information such as the page <title>, links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document).

MDN Web Docs

summary_large_image

<!-- HTML Meta Tags -->
<title>What's in the head? Web page metadata - Learn web development | MDNMDN Web DocsMDN logo</title>
<meta name="description" content="The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains metadata information such as the page <title>, links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document).">
<meta name="theme-color" content="#ffffff">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="What's in the head? Web page metadata - Learn web development | MDN">
<meta property="og:description" content="The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains metadata information such as the page <title>, links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document).">
<meta property="og:url" content="https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Webpage_metadata">
<meta property="og:site_name" content="MDN Web Docs">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:image" content="https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png">
<meta property="og:image:alt" content="The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="MozDevNet">

{
  "title": "What's in the head? Web page metadata - Learn web development | MDNMDN Web DocsMDN logo",
  "description": "The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains metadata information such as the page <title>, links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document).",
  "keywords": null,
  "themeColor": "#ffffff",
  "author": null,
  "generator": null,
  "publisher": null,
  "creator": null,
  "og": {
    "title": "What's in the head? Web page metadata - Learn web development | MDN",
    "description": "The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains metadata information such as the page <title>, links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document).",
    "url": "https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Webpage_metadata",
    "siteName": "MDN Web Docs",
    "locale": "en_US",
    "type": "website",
    "image": {
      "url": "https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png",
      "width": "1920",
      "height": "1080",
      "alt": "The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background."
    },
    "video": {
      "url": null,
      "type": null,
      "width": null,
      "height": null
    },
    "audio": {
      "url": null,
      "type": null
    }
  },
  "twitter": {
    "card": "summary_large_image",
    "site": null,
    "creator": "MozDevNet",
    "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
      }
    }
  }
}