谷歌豐富片段....爲食譜

Question

我有點問題在我的網站的測試工具上正確顯示豐富網頁摘要（我知道谷歌可能需要一些時間/決定，如果一個結果顯示在實際的網站上）。

下面是一個例子谷歌的豐富網頁摘要結果對我的一個網頁： http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fwww.makemeacocktail.com%2Fcocktail%2F6741%2Fcosmopolitan%2F

這是該網址： http://www.makemeacocktail.com/cocktail/6741/cosmopolitan/

一切看起來都很好 - 但由於某些原因沒有圖像顯示與示例結果。我在這裏有點困惑。我有正確的meta標記：

<meta itemprop="image" content="http://images.makemeacocktail.com/cocktails/6741/cosmo_4.jpg" class="photo" /> 

但是測試工具中沒有顯示圖像結果？

作爲一個方面 - 還有什麼需要包括？它似乎具有所需的一切，但似乎無法正確顯示圖像。

Answer 1

在食譜標記的圖像屬性稱爲photo，而不是image：

http://support.google.com/webmasters/bin/answer.py?hl=en&answer=173379

嘗試用itemprop="photo"更換itemprop="image"，你應該準備就緒。

Answer 2

並非完全如此......但它確實將我引向解決方案。爲了完整這裏，如果有人想知道更多一點.....

我所用： 的itemscope項目類型=「http://schema.org/Recipe」

凡爲谷歌在他們的榜樣網頁： http://support.google.com/webmasters/bin/answer.py?hl=en&answer=173379

用途： 的itemscope項目類型= 「http://data-vocabulary.org/Recipe」

注意不同itemtypes。圖像是schema.org的正確項目類型（不適用於data-vocabulary.org）。如果從我改變了我的meta標籤：

<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" /> 

谷歌扔了那itemprop = 「照片」 中的錯誤schema.org無法識別。

我的網頁在搜索結果中沒有顯示照片的實際原因是因爲我也使用了Microdata（我使用Microdata hrecipe，Schema.org是一個微格式）。

我的頁面Microdata是正確的，但Microdata需要的class =「photo」位於meta標籤上，事實證明，實際上'img'需要class =「photo」谷歌識別它的標籤。

這也表明谷歌實際上在Microformat之前讀取Microdata - 並讓我想知道是否在一個頁面上都有用。也就是說，如果存在hrecipe並且照片類未正確應用，Google不會識別我的正確schema.org圖像元標記。所以我想知道，如果Microdata存在，Google是否會使用Microformat信息。

一些開放式問題，也是最初問題的答案。希望在未來幫助其他人。