itemprop
image
を直接使用できますか?:
<article itemscope itemtype="http://schema.org/Article">
<img itemprop="image" src="1.png">
<h1 itemprop="headline name" >Title of the post</h1>
<div>2016-01-07</div>
<p itemprop="articleBody">This is the body of the post</p>
</article>
または、ImageObject
に埋め込む必要がありますか?
<article itemscope itemtype="http://schema.org/Article">
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img itemprop="contentUrl url" src="1.png" alt="alt of the image">
</div>
<h1 itemprop="headline name" >Title of the post</h1>
<div>2016-01-07</div>
<p itemprop="articleBody">This is the body of the post</p>
</article>
Googleツール(www.google.com/webmasters/markup-helper/)を使用すると、最初のオプションが提供されます。
しかし、その後、 テストツール はエラーを出します:
属性image.itemtypeの値が無効です
Schema.orgの観点からは、 image
property は ImageObject
値(2番目の例)または URL
を期待するため、どちらの方法でも問題ありません。値(最初の例)。
いつものように、特定の消費者はこれらの2つの方法のうちの1つだけをサポートする場合があります。
Googleの豊富な結果の多くでは、ImageObject
が必要です。これは、Googleが画像に関するより多くのデータを表示したいためです。これはURLだけでは提供できません。たとえば、 Articles rich result では、height
値にwidth
/ImageObject
プロパティが必要です。