画像sociallメタタグ - プロパティは=「OG：画像」名前=「さえずり：イメージ」にitemprop =「画像」

Question

SociallネットワークはウェンURLが共有されているウェブサイトからのタイトルと説明を抽出かなり良い仕事をしますが、イメージのため、それはまだですカスタムメタタグを作成するための祈り：property="og:image"name="twitter:image"

<meta property="og:image" name="twitter:image" itemprop="image" content="http://example.com/image.jpg" /> 

は、だから私は私のウェブサイト上のすべての単一のウェブページのための3つのdiferrentメタタグを作成するために持っていけない。だから私の質問は意志この作品です。

Answer 1

property属性はRDFaから、itemprop属性はMicrodataから、name属性はプレーンHTMLからのものです。

<meta property="og:image" name="twitter:image" content="http://example.com/image.jpg" /> 
<meta itemprop="image" content="http://example.com/image.jpg" /> 
<!-- note that this snippet is still invalid, see below --> 

<meta name="twitter:image" content="http://example.com/image.jpg" /> 
<meta itemprop="image" property="og:image" content="http://example.com/image.jpg" /> 
<!-- note that this snippet is still invalid, see below --> 

：あなたは2つの要素を使用できるよう

一緒itempropとpropertyを使用するには、可能ですが、ミクロdoesn’t allowitemprop属性を持つmeta要素にname属性（RDFaのがそれを可能にしながら、） Schema.orgもRDFaのに使用することができる（あなたがRDFaのをサポートしていない消費者をサポートする必要がある場合を除き）、あなたはミクロを省略することができます：

<meta property="og:image image" name="twitter:image" content="http://example.com/image.jpg" /> 
<!-- note that this snippet is still invalid, see below --> 

なぜこれらは無効ですか？値がURIである場合は、meta要素の代わりにlink要素を使用しhave toので。

• twitter:urlがlink typeとして（値はURLであるため、しかし、それshould haveはリンクタイプとなって）
• Facebookは唯一metaを認識するように思わない、meta extensionのように定義されます。しかし、実際には、これは、問題があります、ないlink（私はそれをテストしていない、それはここではそれについての質問に答えるとき、私は何度か読んだものだ - 例えばSE：Should og:image and og:url put in <meta> or <link>?）

だから、TwitterのカードとFacebookのOGPを使用することをお勧め（そしておそらくながら、サプリメントこれはSchema.orgの消費者にとって必ずしも当てはまりません。だから、無効、有効な方法で結合する場合があります。

<meta name="twitter:image" property="og:image" content="http://example.com/image.jpg" /> <!-- invalid, but expected --> 
<link property="image" href="http://example.com/image.jpg" /> <!-- valid --> 

は（Schema.orgのimageプロパティを持つすべてのこれらのスニペットはvocabと親要素を期待することに注意をあなたがそれを提供しない場合は、そうではありませんimageプロパティが属する語彙明確た。あなたができない場合は、代わりにschema:imageを使用する必要があります。）