Сниппет hand made или как выделить сайт в поиске.

Всем известно что поисковики составляют сниппеты из содержания страницы, не обращая внимание на description. Использование мета тегов было когда-то не плохим способом обратить на себя внимание в серпе. Лишившись одного способа выделиться у нас появился другой. Кроме текста в сниппет может попасть картинка, рейтинг(звёзды) и другая дополнительная информация.

На Webonlife есть статья о разметке Open Graph и Twitter Card для соц. сетей. Используя специальные атрибуты тегов в разделе head мы указываем соц. сетям что нужно брать в сниппет. Что-то вроде мета тегов для FB. Для поисковиков тоже есть специальная микроразметка указывающая какие данные могут быть отражены в сниппете, но в отличии от Open Graph располагается она в теле документа и размер словаря гораздо больше.

Микроразметка schema.org

schema.org появилась в результате объединённых усилий Google, Microsoft и Yahoo. Целью было создание единой схемы разметки страниц. Такая разметка помогает поисковикам находить нужную информацию на странице и создавать расширенные сниппеты.
Если вы знакомы с HTML то разобраться как это работает не составит труда. Вся разметка располагается в тегах, выполняя роль дополнительных меток говорящих поисковикам что находиться внутри тега.
Первая метка это атрибут itemscope. Своим присутствием указывает что в теге содержится объект из словаря schema.org. Как правило этот атрибут используется с другим itemtype. itemtype указывает тип элемента, в качестве параметра выступает url где описан данный тип элемента.

<div itemscope itemtype="http://schema.org/Person" >
...
</div>

В примере мы определили что в блоке содержится информация о человеке. Далее мы можем указать такие свойства как дату рождения, адрес и прочее. Для этого используем атрибут itemprop

<div itemscope itemtype="http://schema.org/Person" >
...
<span itemprop="email">mail@mail.ru</span>
...
</div>

Объекты могут быть вложены один в другой. Например в описании организации может быть свойство основатель организации, которое в свою очередь может являться типом Person со своими свойствами. Подробную инструкцию и полный список поддерживаемых типов смотрите на сайте schema.org.

schema.org на вашем сайте

Чтобы добавить schema.org на сайт воспользуемся модулем microdata. Есть замечательное видео в котором Lin Clark рассказывает как работать с этим модулем. Видео на английском но разобраться можно. В общих чертах процесс добавления проходит следующим образом. Определяете тип данных для типа контента, а для полей свойства. Обратите внимание что для типа данных нужно записывать адрес страницы на сайте schema.org где описан соответствующий тип, а для свойств достаточно названия свойства.

Эта статья была в какой-то степени продолжением статьи о fivestar поэтому процесс разметки рейтинга опишу отдельно, тем более что он немного отличается от того что показано в видео. Дело в том что модули fivestar и microdata дружат и позволяют настроить микроразметку в один клик. Для этого переходим в управление полями и редактируем поле голосования. Отмечаем внизу schema.org и кликаем на кнопку. Все настройки заполнятся автоматически.

Также разметку можно произвести перейдя конфигурация→веб службы→microdata setting.

Если вы по каким-то причинам не хотите или не можете изменить код сайта воспользуйтесь маркером Гугла. В этом случае красивый снипет будет только в Гугле, у Яндекса такого инструмента к сожалению нет. Подробнее о маркере https://support.google.com/webmasters/answer/2692911

И на последок ссылки на страницы где вы можете проверить свою разметку
webmaster.yandex.ru/microtest.xml
www.google.com/webmasters/tools/richsnippets
Буду рад если поделитесь своими способами улучшения сниппета