私のサイトのテスト ツールでリッチ スニペットを適切に表示するのに少し問題があります (Google が時間がかかり、結果が実際のサイトに表示されるかどうかの決定を下す可能性があることは理解しています)。
私のページの 1 つの Google リッチ スニペットの結果の例を次に示します 。
この URL は次のとおりです: http://www.makemeacocktail.com/cocktail/6741/cosmopolitan/
すべて問題ないように見えますが、何らかの理由で結果の例に画像が表示されません。ここで少し混乱しています。適切なメタ タグが配置されています。
<meta itemprop="image" content="http://images.makemeacocktail.com/cocktails/6741/cosmo_4.jpg" class="photo" />
しかし、テスト ツールの結果に画像が表示されませんか?
補足として - 他に必要なものはありますか? 必要なものはすべて揃っているようですが、画像を正しく表示できないようです。
完全に真実ではありません...しかし、それは私を解決策に導きました. ここで完全を期すために、そして誰かがもう少し知りたい場合.....
私が使用していた: itemscope itemtype="http://schema.org/Recipe"
サンプル ページの google の場合: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=173379
用途: itemscope itemtype="http://data-vocabulary.org/Recipe"
異なるアイテムタイプに注意してください。画像は schema.org の正しい項目タイプでした (data-vocabulary.org ではありません)。メタ タグを次のように変更した場合:
<meta itemprop="image" content="http://images.makemeacocktail.com/cocktails/6741/cosmo_4.jpg" class="photo" />
に
<meta itemprop="photo" content="http://images.makemeacocktail.com/cocktails/6741/cosmo_4.jpg" class="photo" />
Google は、itemprop="photo" が schema.org で認識されないというエラーをスローしました。
検索結果に私のページの写真が表示されなかった実際の理由は、Microdata も使用していたためです (私は Microdata レシピを使用していました。ちなみに Schema.org は Microformat です)。
ページの私の Microdata は正しかったのですが、Microdata に必要な class="photo" はメタ タグにありました。実際には、Google の実際の 'img' タグに class="photo" が必要であることが判明しました。それを認識します。
これはまた、Google が Microformat よりも前に Microdata を実際に読み取っていることを示しており、1 つのページに両方を配置することが有用かどうか疑問に思っています。つまり、hrecipe が存在し、写真クラスが適切に適用されていない場合、Google は私の正しい schema.org 画像メタ タグを認識していませんでした。したがって、Microdata が存在する場合、Google は Microformat 情報を使用するのだろうかと思います。
自由回答形式の質問がいくつかありますが、最初の質問に対する回答もあります。将来、他の誰かに役立つことを願っています。
レシピ マークアップの image プロパティが呼び出されphotoますimage。
http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=173379
に置き換えitemprop="image"てみてくださいitemprop="photo"。これで準備完了です。