Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara 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

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 2

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Mi faccia domande su questo argomento

Riassuma questo capitolo

Mostri esempi dal mondo reale

Awesome!

Completion rate improved to 3.45

bookSocial Network Metadata

Scorri per mostrare il 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

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 2
some-alt