Meta Tag in HTML – What is Metadata and Meta Description Example

Meta Tag in HTML – What is Metadata and Meta Description Example

In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...

Meta Tag in HTML – What is Metadata and Meta Description Example

In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...

freeCodeCamp.org

summary_large_image

Meta Tag in HTML – What is Metadata and Meta Description Example

In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...

<!-- HTML Meta Tags -->
<title>Meta Tag in HTML – What is Metadata and Meta Description Example</title>
<meta name="description" content="In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...">
<meta name="generator" content="Eleventy">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Meta Tag in HTML – What is Metadata and Meta Description Example">
<meta property="og:description" content="In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...">
<meta property="og:url" content="https://www.freecodecamp.org/news/meta-tag-in-html-what-is-metadata-and-meta-description-example/">
<meta property="og:site_name" content="freeCodeCamp.org">
<meta property="og:type" content="article">
<meta property="og:image" content="https://www.freecodecamp.org/news/content/images/2022/01/nathan-da-silva-k-rKfqSm4L4-unsplash.jpg">
<meta property="og:image:width" content="2000">
<meta property="og:image:height" content="1333">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@freecodecamp">
<meta name="twitter:title" content="Meta Tag in HTML – What is Metadata and Meta Description Example">
<meta name="twitter:description" content="In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...">
<meta name="twitter:image" content="https://www.freecodecamp.org/news/content/images/2022/01/nathan-da-silva-k-rKfqSm4L4-unsplash.jpg">

{
  "title": "Meta Tag in HTML – What is Metadata and Meta Description Example",
  "description": "In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...",
  "keywords": null,
  "themeColor": null,
  "author": null,
  "generator": "Eleventy",
  "publisher": null,
  "creator": null,
  "og": {
    "title": "Meta Tag in HTML – What is Metadata and Meta Description Example",
    "description": "In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...",
    "url": "https://www.freecodecamp.org/news/meta-tag-in-html-what-is-metadata-and-meta-description-example/",
    "siteName": "freeCodeCamp.org",
    "locale": null,
    "type": "article",
    "image": {
      "url": "https://www.freecodecamp.org/news/content/images/2022/01/nathan-da-silva-k-rKfqSm4L4-unsplash.jpg",
      "width": "2000",
      "height": "1333",
      "alt": null
    },
    "video": {
      "url": null,
      "type": null,
      "width": null,
      "height": null
    },
    "audio": {
      "url": null,
      "type": null
    }
  },
  "twitter": {
    "card": "summary_large_image",
    "site": "@freecodecamp",
    "creator": null,
    "title": "Meta Tag in HTML – What is Metadata and Meta Description Example",
    "description": "In this article, you'll learn what meta tags are in HTML and how to use them. Then we'll go over some of the most important meta tags that you need to include in every new HTML project. Let's get started! How to set up an HTML project When setting up...",
    "image": {
      "url": "https://www.freecodecamp.org/news/content/images/2022/01/nathan-da-silva-k-rKfqSm4L4-unsplash.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
      }
    }
  }
}