2

我在我的网站的测试工具上正确显示丰富的片段时遇到了一些问题（我知道谷歌可能需要一些时间/决定结果是否显示在实际网站上）。

这是我的一个页面的示例 Google 丰富片段结果： 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" />

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

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

4

2 回答 2

4

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

我正在使用： itemscope itemtype="http://schema.org/Recipe"

谷歌在他们的示例页面中的位置：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" />

谷歌抛出了 schema.org 中无法识别 itemprop="photo" 的错误。

我的页面没有在搜索结果中显示照片的实际原因是因为我还使用了 Microdata（我使用的是 Microdata hrecipe。顺便说一下，Schema.org 是一种 Microformat）。

我的页面微数据是正确的，但是微数据所需的 class="photo" 位于元标记上，事实证明，您实际上需要在实际的 'img' 标记上使用 class="photo" 以供 google 使用认出它。

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

几个开放式问题，也是最初问题的答案。希望将来能帮助别人。

于 2012-08-18T21:58:39.570 回答
3

配方标记中的图像属性被调用photo而不是image：

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

尝试替换itemprop="image"为itemprop="photo"，您应该一切就绪。

于 2012-08-10T03:14:56.727 回答