Микроразметка сайта для Яндекса и Google: что такое, виды и как настроить для SEO

Чтобы быть успешными в SEO-продвижении, важно обращать внимание на все. Даже, казалось бы, мелкие детали могут оказать положительное влияние на достижение целей сайта. Сниппет (краткое описание страницы в поисковой выдаче) может стать более кликабельным, если пользователь сразу увидит цену товара, рейтинг компании, адрес, телефон или другие данные. А «Яндекс» и Google с большей вероятностью добавят сайт в специальные блоки выдачи, если смогут четко понять, где состав рецепта, а где отзывы о нем. Чтобы рассказать поисковой системе, что содержится на странице, стоит использовать микроразметку. Что это и как настроить своими руками, расскажем в этой статье.

Что такое микроразметка сайта

Микроразметка — это специальный набор HTML-тегов и атрибутов для структурирования информации на веб-странице. Она позволяет поисковым системам понимать и интерпретировать информацию более полно и точно, стимулируя «Яндекс» и Google размещать в выдаче не стандартные, а расширенные сниппеты.

Виды

Существуют разные виды микроразметки сайта, самые популярные – Schema.org, Open Graph, JSON-LD, микроформаты. Чтобы в дальнейшем не было путаницы, сразу расскажем о разнице между ними. Различают словари (Schema.org, Open Graph) и синтаксис (JSON-LD), микроформаты относятся к обеим категориям. То есть условно, вы можете выбрать словарь Shema.org и использовать для объяснения «Гуглу», где что находится на странице синтаксис JSON-LD. Если говорить проще, словарь – это понятный поисковым системам язык, а синтаксис – это правила, как слова в этом языке можно сочетать друг с другом, в какой последовательности, какие характеристики нужно учитывать. Поэтому нет ошибки, когда пишут, что Google и «Яндекс» любят Schema.org, но лучшая микроразметка сайта для «Гугл» JSON-LD, а «Яндекс» предпочитает микроформаты. Обе поисковые системы в основном используют один словарь, но разный синтаксис.

Schema.org

Это словарь метаданных, который предпочитают «Яндекс», Google, Bing, Microsoft, Pinterest и другие глобальные игроки рынка. Микроразметка сайта Schema.org используется для разметки разных типов контента, от статьи и рецепта до оценок товаров и сообщений в электронной почте.

Примеры:

● статья (Article),

● отзыв (Review),

● «хлебные крошки» (Breadcrumbs),

● карточка товара (Product → Offer),

● организации (Organization и LocalBusiness).

Источник: https://www.ivi.ru/watch/53119

Open Graph

Это разметка, разработанная Facebook (запрещенная в России организация), для привлекательного отображения страницы при расшаривании в социальных сетях. Она позволяет указать заголовок, описание и изображение, которые будут прикрепляться при указании ссылки, например, в посте. Словарь Open Graph использует социальная сеть «ВКонтакте», мессенджеры Viber, WhatsApp и Slack, платформа Pinterest и другие. Ниже пример разметки Open Graph для соцсети, автоматически генерируемый конструктором Tilda.

JSON-LD

Это синтаксис, основанный на JSON (JavaScript Object Notation), который позволяет внедрять разметку на веб-страницу без изменения исходного кода. Считается удобным форматом, так как не нужно добавлять атрибуты в HTML-код, все можно прописать в теге <script>. Обычно используется со словарем Schema.org.

Без разметки на скриншоте выше не было бы рейтинга, количества голосов, быстрых ссылок и фотографий. Такой формат активнее привлекает внимание пользователей.

Микроформаты

Могут быть словарем и синтаксисом. Как синтаксис активно используется «Яндексом». Например, микроформат для описания рецептов hRecipe. Позволяют поисковому роботу понять, что содержится в блоке на странице.

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

Микроданные

Этот синтаксис поддерживают Google, Bing, «Яндекс» и другие платформы. За счет атрибутов и тегов микроданные подсказывают роботу, что содержится на странице, можно указать автора, товар, дату создания и т. п.

Какую разметку использовать для SEO

Рейтинг и «хлебные крошки» есть почти во всех сниппетах на этом скриншоте, но только у первого результата есть изображение (хотя подтянулась почему-то тумба), цены и быстрые ссылки. Такой результат привлекает больше внимания.

В первую очередь поясним, что наличие микроразметки на сайте не гарантирует рост позиций. Прямой взаимосвязи нет, об этом не раз говорили представители поисковых систем. Более того, Google недавно ввел много ограничений относительно показа в выдаче результатов с разметкой вопросов и ответов, мероприятий и других форматов. Отчасти это было сделано из-за недобросовестного использования, отчасти из-за ужесточения требований к контенту.

Тем не менее польза от микроразметки для SEO есть. Если «Яндекс» или Google посчитают информацию интересной, то в поиске вместо обычного появится расширенный сниппет с красиво структурированными данными. Так будет легче привлечь пользователей, повысить количество переходов по ссылке. А для поисковых систем – это уже сигнал ранжирования: чем чаще посетители кликают по ссылке, тем интереснее сайт, значит, тем выше его нужно поднять. По данным Sistrix, основной трафик (55%) из поиска забирают первые три позиции. Микроразметка для поисковой оптимизации выбирается с учетом преобладающей поисковой системы, в которой планируется продвигаться. Что выбрать?

Для «Яндекса»

В «Справке» перечислены 4 вида микроразметки:

Schema.org используется для отображения в Поиске рецептов, товаров, вопросов-ответов, фильмов, рефератов и других данных. Также ее понимают сервисы «Бизнес», «Картинки», «Видео»;

Open Graph используется только при работе с видео в Поиске;

JSON-LD подходит для работы с «Почтой», отображения навигационной цепочки в сниппете в поиске, для вопросов и ответов в мобильной выдаче;

микроформаты поддерживаются «Яндексом» для описаний рецептов (hRecipe), контактов (hCard).

Таким образом, если вы планируете продвигаться в «Яндексе», микроразметка сайта должна в идеале использовать словарь Schema.org с микроданными и микроформатами. Более удобный для многих разработчиков синтаксис JSON-LD на данный момент плохо поддерживается сервисами этой поисковой системы.

Для Google

«Гугл» рекомендует брать за основу микроразметки сайта Schema.org и использовать синтаксис JSON-LD (в «Центре Google Поиска» он указан как рекомендованный), микроданные или RDFa.

Разметка используется в результатах поиска:

• для статей,
• продажи книг,
• создания навигационной цепочки в сниппете,
• курсов,
• рецептов,
• новостей,
• рейтинга,
• мероприятий,
• организаций,
• картинок и т. д.

Полный список можно посмотреть здесь.

Как настроить

Если вы не знаете, как сделать микроразметку сайта, используйте специальные скрипты и генераторы, они облегчают задачу. Только сначала определитесь, расширенные сниппеты какой поисковой системы вам важнее, и исходя из этого выбирайте синтаксис. Например, вот так выглядит генератор разметки статьи или новости на основе формата JSON-LD для Google.

Источник: https://technicalseo.com/

Вам нужно просто заполнить поля вроде заголовка, изображения или автора, а сервис сам сгенерирует микроразметку.

Пример мастера разметки от Google для сайта и писем. Источник: https://www.google.com/webmasters/markup-helper

Перед выкладкой обязательно перепроверьте корректность микроразметки. Можно использовать бесплатный валидатор для «Гугл» или для «Яндекса». Если страницы уже созданы и размечены, в «Гугл» можно проверить, поддерживают ли они расширенные результаты.

Заключение

Микроразметка сайта является мощным инструментом для улучшения видимости и позиций вашего ресурса в поисковой выдаче. Различные виды словарей и синтаксиса позволяют структурировать информацию на странице и помогают поисковым системам понять контекст. Так как у Google и «Яндекса» есть свои рекомендации по настройке и проверке правильности микроразметки, следует руководствоваться именно ими, чтобы получить максимальную отдачу от выполненной работы.