明確にするために:
消費者 (検索エンジン、ブラウザ アドオン、ソーシャル ネットワークなど) が決定します。
- どの語彙 (Schema.org、Open Graph プロトコル、ダブリン コアなど)、
- どの構文 (RDFa、Microdata、JSON-LD、Turtle、RDF/XML など)、
- どの規則 (Microformats)、
- メタデータ名 (
keywords
、description
、など)、twitter:image
および
- リンクの種類(
nofollow
、external
、home
など)
彼らはサポートしたい。
特定の消費者だけに関心がある場合は、それらがサポートしているものを調べて、これを使用してください。あなたが知らないかもしれない消費者にも関心がある場合は、(人気のある)より多くの/いくつかの方法を使用してください。
特定の例では、3 つの方法すべてを簡単に実装できます。
<!-- this is plain HTML5,
using the registered metadata name "twitter:card" -->
<meta name="twitter:image" content="http://example.com/image.png">
<!-- this is HTML5+RDFa,
using the properties "og:image" (from Open Graph protocol) and "schema:image" (from Schema.org),
as defined in <http://www.w3.org/2011/rdfa-context/rdfa-1.1> -->
<link property="og:image schema:image" href="http://example.com/image.png">
(補足: Twitter は、HTML5で必要とされるため、URL である値のメタデータ名の代わりにリンク タイプを定義する必要がありました。定義しなかったため、代わりにを使用する必要があります。そうしないと、3 つすべてに同じ要素を使用できたはずです。 .)meta
link
link