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

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 3.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 3.  2
some-alt