Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Social Network Metadata | Metadata and the Head Element
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Introduction to HTML

bookSocial Network Metadata

Facebook uses a set of specific metadata tags that can be included in an HTML document to provide information about the page.

  • og:title specifies the title of the page;
  • og:type specifies the type of content on the page;
  • og:image specifies the URL of an image that represents the page;
  • og:url specifies the URL of the page;
  • og:description provides a brief description of the page.

Including these tags in an HTML document allows Facebook to correctly display a link to the page when it is shared on the platform.

Here is an example of HTML code that includes Facebook-specific metadata tags:

index.html

index.html

copy

Twitter uses a different set of metadata tags than Facebook.

  • twitter:card specifies the type of card that will be used to display the link on Twitter;
  • twitter:title identifies the page's title;
  • twitter:image tag, which identifies the URL of an image that represents the page.

All the other platforms may have their specific metatags.

index.html

index.html

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Posez-moi des questions sur ce sujet

Résumer ce chapitre

Afficher des exemples du monde réel

bookSocial Network Metadata

Glissez pour afficher le menu

Facebook uses a set of specific metadata tags that can be included in an HTML document to provide information about the page.

  • og:title specifies the title of the page;
  • og:type specifies the type of content on the page;
  • og:image specifies the URL of an image that represents the page;
  • og:url specifies the URL of the page;
  • og:description provides a brief description of the page.

Including these tags in an HTML document allows Facebook to correctly display a link to the page when it is shared on the platform.

Here is an example of HTML code that includes Facebook-specific metadata tags:

index.html

index.html

copy

Twitter uses a different set of metadata tags than Facebook.

  • twitter:card specifies the type of card that will be used to display the link on Twitter;
  • twitter:title identifies the page's title;
  • twitter:image tag, which identifies the URL of an image that represents the page.

All the other platforms may have their specific metatags.

index.html

index.html

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 2
some-alt