В рекомендациях по продвижению сайтов в поисковых системах практически всегда можно встретить пункт о добавлении микроразметки. Что же представляет собой разметка данных, действительно ли для SEO необходимо ее внедрение на сайт, как правильно настроить и проверить на ошибки расскажем в этой статье.
Что такое микроразметка и зачем она нужна
Микроразметка сайта (или семантическая разметка) – это структурированный формат данных, который позволяет различным роботам более точно и полно понимать содержимое страницы. Она представляет собой набор метаданных или тегов, которые встраиваются на страницу и дают программам-обработчикам информацию о контенте этой страницы и как его следует обрабатывать.
Добавление микроразметки представляет из себя процесс размещения в существующий HTML-код страницы специальных тегов и атрибутов, которые помогают поисковым роботам распознавать контент и понимать содержимое. Семантическая разметка не изменяет отображение страницы в браузере, но боты поисковых систем, соцсетей и других веб-приложений будут способны извлечь из этой же страницы структурированную информацию. Микроразметка может включать в себя информацию о товарах, организациях, событиях, рецептах, отзывах и многом другом, содержащимся на странице. Например, для товара микроразметка может содержать название, цену, описание, артикул, производителя, изображение и другие характеристики.
Разметка не требует формирования отдельных файлов, она размещается непосредственно в коде страницы. Микроразметка основана на международных стандартах, что гарантирует ее совместимость с различными браузерами и программами. При использовании микроразметки важно следовать рекомендациям и стандартам, установленным поисковыми системами, чтобы гарантировать правильное понимание и интерпретацию данных. С документацией о текущих стандартах конкретных типов разметки можно ознакомиться на официальных сайтах, а также в справке Яндекса или Google.
Микроразметку понимает большинство поисковых систем, таких как Google, Яндекс, Bing, Yahoo и др. Для SEO важно не только, что микроразметка позволяет поисковым системам лучше понимать содержимое страницы, но и то, что это способ выделить сниппет в поисковой выдаче, сделать его заметным и доступным. Она позволяет отображаться странице в результатах поиска в удобном формате и более структурировано, что повышает релевантность. Правильная разметка позволяет создавать информативные сниппеты в поисковой выдаче, например, с отображением цены и рейтинга.
Такие сниппеты называются расширенными и зачастую они являются более привлекательными для пользователей. Это может увеличить количество переходов на ваш сайт из поиска, даже если в выдаче он находится ниже конкурентов. А это уже оказывает влияние на поведенческие факторы, особенно если страница действительно соответствует запросу пользователя, и он не закроет ее сразу же после перехода.
Таким образом, микроразметка не оказывает непосредственного влияния на позицию в результатах поиска, но дает вероятность получения привлекательного сниппета для страницы. Однако, поисковые системы предупреждают, что использование микроразметки не является гарантией того, что после индексации она будет отображаться в расширенном сниппете и микроразметка должна соответствовать контенту страницы. Нельзя добавлять в разметку информацию, которая скрыта от пользователей.
Важно: информация, помещенная в код, должна присутствовать на странице и быть видна пользователям. Чтобы избежать санкций, не добавляйте информацию, которую нельзя найти на самой странице.
Разновидности микроразметки
Для добавления микроразметки на страницы сайта необходимо определить какие данные вы хотите структурировать, и какой словарь и синтаксис подходит для вашего сайта и вашей цели. Говоря о видах микроразметки, часто путают типы словарей и виды синтаксиса. Ниже на рисунке схематично показаны три самых часто используемых словаря и типы синтаксиса.
Типы словарей и виды синтаксиса в семантической разметке
Словарь – это набор классов и свойств, с помощью которых можно описать контент страницы и передать ключевую информацию. Проще говоря, это наборы правил и схем, которые описывают, как следует размечать данные на страницах. Словарь содержит подробные списки свойств для каждого класса. Именно они помогают поисковым системам правильно интерпретировать информацию на сайте. На одном сайте допускается использовать несколько словарей. Дополняя друг друга, они будут передавать больше данных. Словарь – это своеобразный язык разметки, со своими сущностями и свойствами.
Синтаксис – это набор правил для использования словаря. Синтаксис определяет, как, где и какие теги указывать в HTML-коде сайта. Наиболее распространенные стандарты: JSON-LD, микроданные, RDFa и микроформаты. При этом последние два используются все реже, JSON-LD – рекомендует Google, а микроданные предпочтительнее для Яндекса.
В рамках словаря можно использовать один или несколько видов синтаксиса. Например, для Schema.Org подходят и JSON-LD, и RDF, и микроданные, и микроформаты.
Основные словари микроразметки
Существует множество словарей семантической разметки. Но самыми основными и важными для оптимизаторов и разработчиков сайтов являются следующие три:
Schema.org – это один из наиболее популярных типов микроразметки. Она содержит несколько сотен типов разметки данных, и все они подходят для размещения почти любой информации. С его помощью можно определить такие элементы, как продукты, отзывы, события и многое другое.
Open Graph – разработан Facebook специально для соцсетей и предназначен для передачи структурированных данных при публикации постов. Используется для настройки правильного отображения публикации в соцсетях при репосте статьи с сайта (заголовок, описание, изображение). Сейчас эта разметка поддерживается также во ВКонтакте, Pinterest, Twitter, LinkedIn, Telegram, WhatsApp, Viber, Slack.
Микроформаты (Microformats) – словарь разработан W3C в 2007 г., подходит для описания рецептов, событий, адресов, лент новостей и т.п. Это объединенный стандарт синтаксиса и словаря. Он менее популярен из-за ограничений: вместе с ним нельзя использовать другие словари. С помощью микроформатов можно пересылать сообщения, комментарии, лайки и репосты с одного сайта на другой, а также отображать рейтинги на странице результатов поиска.
Виды синтаксиса и их особенности
Микроразметка может быть представлена в различных синтаксисах. Если проводить простые аналогии, то словарь можно сравнить с языком (немецкий, испанский), а синтакис можно сравнить с системами письма (кириллица, латиница).
Существует четыре вида синтаксиса, которые используются в словарях.
JSON-LD
Это Метод передачи информации, реализованный с использованием текстового формата JSON в JavaScript. JSON-LD используется, когда необходимо указать объекты и подробно раскрыть их свойства. В отличие от других, этот метод позволяет помещать элементы не в код HTML-страницы, а сразу в скриптовый тег – <script>. Он быстро стал одним из самых распространенных форматов синтаксиса для разметки контента.
Часто синтаксис применяют для разметки в рамках словаря Schema.org, а Google рекомендует именно этот способ. JSON-LD позволяет размещать сразу несколько элементов на одной странице, можно комбинировать различные типы микроразметки Schema в одном фрагменте кода. А также при необходимости добавлять в себя больше свойств.
Микроданные (Microdata)
Это способ семантически размечать сведения о событиях, организациях, людях, товарах на веб-страницах, используя стандартные элементы языка HTML. Для такой микроразметки используются теги <div>, <span> и простые атрибуты. Таким способом элементам и свойствам дают описательные наименования. В отличие от JSON-LD, при использовании Microdata нельзя просто добавить один фрагмент кода в раздел <head>. Вместо этого нужно отдельно размечать каждый элемент в HTML-разметке.
RDFa
Это язык разметки, основанный на XML, который позволяет создавать аннотации для HTML-элементов. Разработан был специалистами из W3C (World Wide Web Consortium –Консорциум Всемирной паутины) в 2004 году для структурирования данных на сайтах. Сейчас практически не используется.
Микроформаты
Как раннее уже упоминалось, это объединенный стандарт синтаксиса и словаря. На данный момент его используют довольно редко. Но поисковыми системами еще поддерживаются такие микроформаты:
hCard – формат разметки контактной информации (адресов, телефонов и т. д.);
hRecipe – формат для описания кулинарных рецептов;
hReview – формат разметки отзывов;
hProduct – формат разметки товаров.
Такой тип разметки подразумевает использование атрибута class (реже rel, rev или title) тегов <div> и <span> для передачи семантической информации. Для обозначения сущностей и их свойств используются только уже существующие атрибуты и не вводятся новые.
Schema.org – основные типы данных и атрибуты
В 2011 году крупнейшие поисковые системы Google, Yahoo!, Bing, а затем и «Яндекс» начали совместную разработку общего словаря метаданных Schema.org. Она была создана для того, чтобы улучшить понимание поисковыми системам содержание сайтов повысить релевантность поисковой выдачи, и таким образом, предоставлять более точную и полезную информацию пользователям.
На данный момент это один из самых востребованных словарей. Schema.org позволяют поисковым системам более точно определять тип контента и его свойства. Он включает в себя большой набор тегов, с помощью которых можно точно рассказать поисковым движкам, чем является каждый элемент на странице (описанием фильма, комментарием, товаром, вакансией и т.п.).
Для разметки Schema.org применяются все четыре вида синтаксиса: микроданные, микроформаты, RDFa и JSON-LD.
Пример разметки микроданными Schema.org для организации
В основе микроданных – три атрибута:
itemscope – указывает поисковому роботу, что в блоке (<div>... </div>) будет произведено описание объекта (задается сущность, например, Продукт);
itemtype – указывает на тип сущности;
itemprop – обозначает свойства сущности (например, цена, наличие, производитель и т.п.).
Весь список сущностей и документация представлен на официальном сайте – https://schema.org/docs/full.html. На данный момент доступно 806 типов микроразметки Schema и перечень объектов постоянно расширяется.
Schema.org поддерживается поисковиками Яндекс и Google, и дает возможность разметить множество типов данных на сайте. Но не все типы поддерживаются поисковыми системами. Так, Яндекс поддерживает лишь 9 типов, указанных в своей справке.
Примеры сущностей и их свойств:
Product (товары) – название товара, рейтинг, название бренда, цвет, модель.
Article (статья) – тело статьи, счетчик слов.
Organization (организация) – адрес, бренд, рейтинг, email, основатель, телефон и др.
Review (отзывы) – рейтинг, тело отзыва.
Event (событие) – тема, месторасположение, организатор, выступающий, дата начала, длительность.
Recipe (рецепты) – время приготовления, калорийность, ингредиенты, инструкция.
VideoObject (видеоролик) – актеры, режиссер, субтитры, качество видео.
Movie (фильмы) – актеры, режиссер, страна, длительность.
Как добавить микроразметку на сайт
Прежде чем непосредственно добавить микроразметку, нужно определить какие данные следует структурировать и какой типа разметки подойдет. Например, это могут быть отзывы о товарах, рейтинги, цены, организации и т.д. Процесс представляет собой добавление специальных метатегов с соответствующими свойствами на соответствующие элементы страницы. Создать микроразметку для страницы можно несколькими способами.
Генераторы микроразметки
Существуют различные онлайн-сервисы и инструменты для внедрения разметки на страницы. Они позволяют сделать микроразметку по стандартам. Примеры генераторов кода JSON-LD и микроданных – technicalseo.com, hallanalysis.com, webcode.tools и др.
Google предлагает использовать свой инструмент «Маркер данных». Преимущество инструмента в том, что не нужно вносить изменения в сам код сайта и проверять валидность разметки. Можно разметить одну страницу, а Google автоматически реализует разметку для всех страниц этого типа (например, для всех товаров). Но необходимо подтверждение прав на сайт в Search Console, а также эта разметка будет доступна только для поисковика Google.
Плагины для CMS
Для самых распространенных CMS сайта можно найти и установить специальные плагины для автоматического добавления разметки. Например, для WordPress можно использовать Schema, All In One Schema Rich Snippets, Schema JSON-LD Markup, WP SEO Structured Data Schema и др.
Самостоятельное создание микроразметки
Семантическую разметку можно сделать самим вручную. Конкретные требования к разметке можно посмотреть в официальной документации и справке поисковых систем. Код, который необходимо будет добавить на страницу может показаться непонятным, но в целом не сложный, и требуется добавить теги в определенные места.
Проверка микроразметки на наличие ошибок
После того, как была сделана разметка содержимого страницы, необходимо проверить ее на ошибки с помощью валидатора, и убедиться в том, что поисковые роботы смогут обнаружить структурированные данные. Микроразметка основана на стандартах, разработанных такими организациями, как W3C и Schema.org, следуя которым, можно быть уверенным, что разметка будет совместима с большинством браузеров и приложений.
Есть официальный валидатор от Schema.org, разные онлайн-инструменты от популярных SEO-сервисов. Но можно воспользоваться специальными инструментами проверки микроразметки от самих поисковых систем.
Проверка структурированных данных Google
Проверку микроразметки можно сделать в валидаторе от Google. Инструмент проверки расширенных результатов в Google доступен по ссылке. Можно проверить конкретную страницу сайта или же вставить фрагмент кода. В результате проверки слева будет виден элемент кода, справа – результаты тестирования и перечень ошибок. Валидатор Google довольно требователен к малейшим неточностям, отображает даже незначительные несоответствия.
В него добавляется фрагмент кода или ссылка на ресурс. Ошибки выделяются красным значком и объясняются в комментариях. Стоит отметить, что в нем проверяется не только соответствие официальным стандартам разметки, но и соответствие разметки требованиям сервисов Яндекса, учитывая все дополнительные типы и поля данных.
Все данные инструменты проверяют только правильность использования синтаксиса микроразметки. Корректность самой информации в коде они не покажут – за правильностью описания сущностей нужно следить самостоятельно.
Даже после размещения и проверки разметки на сайте нужно за ней следить: убедиться, что данные корректно интерпретируются поисковыми системами. Если информация на сайте меняется, необходимо обновлять и соответствующую микроразметку. Следить стоит и за обновлениями и изменениями в требованиях к микроразметке. После внедрения микроразметки нужно отслеживать изменения на странице выдачи результатов поиска, кликабельности результатов, чтобы оценить эффективность микроразметки. В случае необходимости оптимизировать микроразметку для улучшения ее эффективности.
Заключение
Микроразметка используется для определения и структурирования информации на веб-страницах, что позволяет поисковым системам и социальным сетям точно понимать, какую информацию содержит страница. Одним из наиболее распространенных типов микроразметки является Schema.org и используется для разметки контактной информации, хлебных крошек, товаров и др. Она поддерживается основными поисковыми системами и позволяет более точно проиндексировать контент сайта, что улучшает его видимость в результатах поисковой выдачи. Яндекс предпочитает формат микроданных, в то время как Google хорошо воспринимает JSON-LD. На основе этих данных поисковики формируют расширенные сниппеты в поисковой выдаче.
Семантическая разметка зачастую позволяет получить расширенный сниппет с подробными сведениями о продукте: цене, рейтинге и пр. Наличие микроразметки не гарантирует того, что в поиске будет выводиться расширенный сниппет со всеми данными, указанными в разметке. Тем не менее, поисковые роботы все равно будут учитывать переданные данные и смогут лучше понимать содержимое страницы.
И конечно, само по себе добавление микроразметки не повышает позиции сайта в Яндексе или Гугле, но сделает более привлекательным на странице выдачи результатов. Это сказывается в итоге на кликабельности сайта и росте органического трафика.
Таким образом, микроразметка является важным инструментом для оптимизации сайта и возможностью сделать заметным и привлекательным сниппет в результатах поиска.
