[OGP] 重複したタグTwitter Cards併記なく良い

2 min read

概要

Twitter Cards タグは、Open Graph プロトコルと同じ規則に基づいているため、Open Graph を使用している場合は、Twitter Cards タグを重複させなくても良い。

Twitter Cards プロセッサは、ページ上のタグを探す際、まず Twitter Cards のプロパティをチェックし、存在しなければ対応している Open Graph プロパティをチェックする。これにより重複したマークアップを最小限に抑えることができる。

書き方

公式リファレンスによると、下記のような形で書いても問題ない。

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@nytimesbits" />
<meta name="twitter:creator" content="@nickbilton" />
<meta
  property="og:url"
  content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/"
/>
<meta property="og:title" content="A Twitter for My Sister" />
<meta
  property="og:description"
  content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling."
/>
<meta
  property="og:image"
  content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg"
/>

対応表

Twitter CardsOpenGraph
twitter:descriptionog:description
twitter:titleog:title
twitter:imageog:image

参考

このページをシェアする

Related Articles

[HTML] meta robots の noodp, noydir 定義は SEO として不要

TL;DR / noodp,noydir と歴史 / 今後はどうするのか / Footnotes

`.sr-only`のような非表示スタイルとSEOの関係性の調査

非表示要素はブラックハット SEO ではないのか

[HTML] meta keywords の記述は SEO として不要

TL;DR / meta keywords とは / meta keywords と SEO との関係性 / meta keywords を記述したままで良いのか / まとめ / 参考