Как внедрить семантическую разметку и улучшить отображение сайта в поиске?

Хотите, чтобы поисковые системы легко находили ваш контент? Хотите, чтобы ваш сайт выделялся на странице результатов поиска? Вы можете сообщить поисковикам, какой контент содержится на сайте, чтобы облегчить его индексацию. Из этой статьи вы узнаете об основах и преимуществах семантической разметки, и как с ее помощью выделить сайт на странице результатов поиска. Оглавление:

1. Что такое семантическая разметка?
2. Как это работает?
3. Как выбрать нужный тип микроданных
   • Разметка авторства
   • Разметка видео
   • Разметка мероприятий

Что такое семантическая разметка?

Семантическая разметка – это необычный способ, используя стандартные HTML-теги,  сообщить поисковым роботам, какую информацию они могут извлечь из страницы сайта.

Например, она подсказывает поисковой машине, что некая последовательность слов и цифр является на самом деле адресом; кто написал статью в блоге; подробности акции, которая проводится на сайте, и многое другое.

Зачем вносить в код элементы семантической разметки? Потому что она помогает поисковым системам быстрее проиндексировать содержимое страницы. Без нее поисковики полагаются только на контекст, чтобы определить тип содержимого. Это занимает больше времени, поскольку поисковые роботы не умеют распознавать информацию, как люди. С семантической разметкой поисковики сразу же видят тип контента и безошибочно его индексируют. Приятным дополнением к семантической разметке являются расширенные сниппеты. Это дополнительные изображения или текстовая информация (например, количество пользователей, добавивших автора в свои круги Google+), которая отображается в результатах поиска и дает сведения о вас или вашем контенте. Например, дополнительную информации про товар из интернет-магазина. Расширенные сниппеты выделяются на фоне других описаний в результатах поиска и повышают вероятность того, что пользователь перейдет на ваш сайт.

Рекомендации по семантической разметке

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

Не пытайтесь вносить разметку, чтобы обмануть Google, предоставляя неодинаковый контент поисковой системе и пользователям. Поисковик выявляет подобные недобросовестные действия и накладывает на сайт санкции за клоакинг. Такое же наказание применяется и за разметку невидимого контента. Этим действием вы вводите ПС в заблуждение, показывая одни данные поисковику, а другие – пользователям.

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

Как это работает?

При изучении семантической разметки технических подробностей не избежать. Однако эта статья не рассматривает всех нюансов. Ниже предлагается краткий обзор принципов действия разметки и поверхностный анализ основных ее типов, которые можно применить в блоге. Одни типы разметки реализовать легче, другие – сложнее. Но во всех случаях используются одинаковые правила использования. Разметка строится на основе микроданных и классификации данных, которые сообщают поисковым системам нужную информацию. HTML и CSS говорят браузеру, как отображать содержимое страницы, а микроданные и классификация данных подсказывают поисковым системам, какая информация представлена на странице и как ее следует индексировать. Если вы незнакомы с принципами микроданных и классификации данных, они покажутся вам написанными на незнакомом языке программирования. В разделе системе Schema.org вы увидите, как выглядят микроданные.

Как выбрать нужный тип микроданных?

Существует множество разных типов разметки, которые можно реализовать на сайте. Их количество поначалу немного обескураживает. Если вы только учитесь и не уверены в выборе нужной разметки, ознакомьтесь со всем списком доступных вариантов. Подобрать подходящий тип разметки для блога помогут два веб-ресурса: Schema.org и Инструменты Google для веб-мастеров. О сервисе Schema.org мы поговорим чуть позже. Пока просто запомните, что на этой площадке приводится список типов разметки, выбор которых зависит от контента страницы. Однако, здесь есть небольшой нюанс – не все типы разметки поддерживаются поисковыми системами, и не все отображаются в расширенном сниппете (по крайне мере, на данный момент). В Инструментах для веб-мастеров (страница «Типы расширенных описаний веб-страниц») перечислены все типы элементов, которые отображаются в сниппетах. Пункты списка сделаны в виде ссылок, которые ведут на подробную информацию о том, какой именно контент размечается в каждом случае и как это сделать. Если вы нашли подходящий вариант разметки на Schema.org, но не видите его в списке «Типы расширенных описаний веб-страниц» Google, это означает, что в данный момент такая разметка не используется в создании расширенного описания веб-страниц. Однако, это не повод от нее отказываться, поскольку разметка ускоряет индексацию контента.  Подчеркнем, что новичкам лучше не лезть в дебри, а размечать только то содержимое страницы, которое может отображаться в расширенном сниппете. Остальные микроданные оставьте на потом.

Несколько слов о Schema.org

Schema.org не единственный источник перечня команд и типов структурированных данных, однако, рекомендую пользоваться именно этим ресурсом, так как он полностью совместим с поисковыми системами Google и Яндекс. Ruschema.org – проект перевода официального сайта shema.org. Если вы не «дружите» с английским, пользуйтесь этим сайтом. Перечень видов разметки на Schema.org имеет только один недостаток – он большой и запутанный. К счастью, у немногих сайтов есть необходимость хотя бы в половине элементов. Описания микроданных на Schema.org обстоятельны и насыщены мельчайшими подробностями. На скриншоте представлен всего один блок из длинного описания свойства «Почтовый адрес» на сайте перевода ruschema.org Чтобы окончательно не запутаться в информационном лабиринте, не читайте все подряд. Вместо этого бегло ознакомьтесь с описанием и спуститесь к разделу «Примеры». В примерах содержится контент, к которому можно применить просматриваемый тип разметки. В отдельных вкладках можно посмотреть, как выглядят данные с разметкой и без нее. На скриншоте показан пример страницы Schema.org с описанием свойства PostalAddress, а также HTML-код до и после внесения элементов разметки. Обратите внимание, что атрибуты itemprop и itemtype указывают поисковой системе, какой именно тип данных описывается далее. Это и есть микроданные, о которых шла речь выше. Рассмотрим подробнее три основных типа разметки, актуальных для большинства блогов: авторство, видео и события.

1. Разметка авторства (не работает!)

В результатах выдачи выводится расширенное описание страницы с фотографией и именем автора - так было раньше. С конца 2014 вывод фото авторов в выдаче не поддерживаться, Гугл отключил данную функцию.

2. Разметка видео

Расширенные описания видео, такие броские и привлекательные, обожают все вебмастера. Даже если видео-контент физически размещен на YouTube или на другом сервисе видеохостинга, а ролики встраиваются в блог с помощью кода вставки, такой контент поддается разметке и появляется в расширенном сниппете. Инструкции и примеры видеоразметки приводятся на странице VideoObject сайта Schema.org. Рекомендую также прочитать статью Расширенные описания видео в Инструментах для вебмастеров Google. Последняя ссылка полезна для тех, кто часто работает с видео в сети Facebook.

3. Разметка мероприятий

Разметка мероприятий существенно повышает их видимость в поисковых системах. К сожалению, веб-мастера частенько злоупотребляют структурированием мероприятий или используют разметку с нарушением правил. Google очень строго относится к рекламным элементам в тексте разметки. На странице Мероприятия говорится прямым текстом: «...функция не предназначена для рекламы...». Поэтому в описании не допускаются упоминания о распродажах, скидках и акциях. Для отображения мероприятия в расширенном сниппете оно должно соответствовать трем критериям:

• иметь четко сформулированную дату начала в будущем;
• название не должно содержать рекламных элементов и упоминаний стоимости, подобная информация указывается в свойствах;
• иметь четкое место проведения (онлайн не подходит).

Если ваше событие не нарушает этих требований, можете смело начинать разметку данных. Постарайтесь разметить всю значимую информацию о мероприятии, которая присутствует на странице. Укажите дату и время начала и окончания мероприятия в формате ISO, чтобы избежать их неверной трактовки. Если на вашем сайте создана одна общая страница для всех мероприятий (например, календарь событий), сделайте также отдельные страницы для каждого события, на которых будут описываться организационные подробности, с фотографиями и прочим нетекстовым контентом. Вы можете разметить как основную, общую страницу с перечнем событий, так и отдельные страницы, посвященные конкретным мероприятиям.

Тестирование и отслеживание разметки

Тестирование проводится Инструментом проверки структурированных данных от Google. Введите URL проверяемой страницы, и инструмент отобразит все найденные на ней элементы разметки. Следует отметить, что факт выявления разметки Инструментом от Google не означает, что в результатах поиска будет стопроцентно отображаться расширенный сниппет. Алгоритм поисковой системы оценивает, выводить ли для определенного сайта расширенный сниппет по конкретному поисковому запросу или нет. К тому же алгоритмы Google обновляются чаще, чем Инструмент проверки структурированных данных. От теории к практике... Основы пройдены, разметка реализована. Выделите немного времени для регулярного отслеживания новых типов расширенных сниппетов, ведь Google постоянно что-то обновляет в своей поисковой системе. Если появились новые расширенные сниппеты, введите соответствующую возможность на свой ресурс.