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 回答