schema.org - Google Rich Snippets .... 获取食谱

Question

我在网站测试工具上正确显示丰富网页摘要时遇到了一些问题(我知道 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" />

但是测试工具结果没有显示图片？

作为一个方面 - 还有什么需要包括的吗？它似乎拥有所需的一切，但似乎无法正确显示图像。

Answer 1

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

我正在使用: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 hrecipe。顺便说一句，Schema.org 是一种微格式)。

我的页面微数据是正确的，但是微数据所需的 class="photo"位于元标记上，结果证明您实际上需要在实际的 'img' 标记上使用 class="photo"让谷歌识别它。

这也表明谷歌实际上在读取微格式之前读取微数据——这让我想知道在一个页面上同时显示两者是否有用。即如果 hrecipe 存在并且照片类应用不正确，Google 无法识别我正确的 schema.org 图像元标记。所以我想知道如果存在微数据，谷歌是否会使用微格式信息。

一些开放式问题，也是最初问题的答案。希望将来能帮助其他人。