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
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

Awesome!

Completion rate improved to 3.45

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