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

Что для этого URL: http://www.makemeacocktail.com/cocktail/6741/cosmopolitan/

Все выглядит хорошо, но по какой-то причине изображение с результатом примера не отображается. Я здесь немного запутался. У меня есть правильный метатег:

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

Но в результатах инструмента тестирования нет изображения?

В качестве стороны - есть ли что-нибудь еще, что нужно в том числе? Кажется, что в нем есть все, что требуется, но изображение не отображается должным образом.


google-rich-snippets microdata schema.org
person Nick Wilkins    schedule 09.08.2012    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Не совсем так ... но это привело меня к решению. Для полноты здесь и если кто-то хочет узнать немного больше .....

Я использовал: 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" />

to

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

Google выдавал ошибки из-за того, что itemprop = "photo" не распознавался в schema.org.

Фактическая причина, по которой моя страница не отображала фотографию в результатах поиска, заключалась в том, что я также использовал микроданные (я использовал рецепт микроданных. Schema.org, кстати, является микроформатом).

Мои микроданные для страницы были правильными, но class = "photo", который необходим для микроданных, был в метатеге, где, как оказалось, вам действительно нужен class = "photo" в фактическом теге 'img', чтобы Google мог признать это.

Это также приводит к тому, что Google действительно считывает микроданные перед микроформатом - и заставляет меня задуматься, полезно ли вообще иметь и то, и другое на одной странице. Т.е. Google не распознал мой правильный метатег изображения schema.org, если присутствовал hrecipe и класс фотографии не применялся должным образом. Поэтому мне интересно, использует ли Google информацию о микроформате вообще, если присутствуют микроданные.

Пара открытых вопросов, а также ответ на исходный вопрос. Надеюсь, что это поможет кому-то еще в будущем.

person Nick Wilkins    schedule 18.08.2012
comment
Похоже, вы путаете микроформаты с микроданными. hRecipe взят из проекта Microformats. Schema.org - это словарь, а не микроформат. class никогда не требуется для микроданных (кроме микроформатов). - person unor; 20.04.2014

arrow_upward
3
arrow_downward

Свойство изображения в разметке рецепта называется photo, а не image:

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

Попробуйте заменить itemprop="image" на itemprop="photo", и все будет готово.

person Claudio Cherubino    schedule 10.08.2012
comment
Спасибо - как указано в моем ответе ниже, это не совсем верно, поскольку я использовал schema.org, а не data-vocabular.org. См. Ниже полный ответ на проблему и ее решение. - person Nick Wilkins; 19.08.2012