Google Rich Snippets ....用于食谱

时间:2012-08-09 23:40:00

标签: schema.org microdata google-rich-snippets

我在使用我网站的测试工具上正确显示丰富网页摘要时遇到了一些问题(我了解Google可能需要一些时间/决定是否结果显示在实际网站上)。

以下是我的某个网页的Google Rich Snippets结果示例: 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 itemprop="image" content="http://images.makemeacocktail.com/cocktails/6741/cosmo_4.jpg" class="photo" />

但测试工具结果中没有显示图像?

作为一方 - 还有什么需要包括吗?它确实具有所需的一切,但似乎无法正确显示图像。

2 个答案:

答案 0 :(得分:4)

不完全正确......但它确实引导我找到解决方案。为了完整性,如果有人想知道更多......

我正在使用: 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引发了一些错误,即在schema.org中无法识别itemprop =“photo”。

我的网页没有在搜索结果中显示照片的实际原因是因为我还使用了Microdata(我使用的是Microdata hrecipe。顺便说一句,Schema.org是Microformat。)

我的页面的微数据是正确的,但Microdata所需的class =“photo”是在元标记上,因为事实证明你实际需要在实际的'img'标签上使用class =“photo”谷歌认识它。

这也表明谷歌实际上是在Microformat之前读取微数据 - 并且让我想知道在一个页面上是否都有用。即如果存在hrecipe并且照片类未正确应用,则Google无法识别我的正确schema.org图像元标记。所以我想知道如果Microdata存在,Google是否会使用Microformat信息。

一些开放式问题,但也是最初问题的答案。希望将来帮助别人。

答案 1 :(得分:3)

配方标记中的图像属性称为photo而不是image

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

尝试将itemprop="image"替换为itemprop="photo",您应该全部设置。