Создание микроразметки статьи

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

Что такое микроразметка?

Микроразметка – это специальные метки на странице сайта, которые указывают поисковым системам, где на странице находится та или иная информация. Эта разметка невидима для людей, но понятна для роботов.

Микроразметка состоит из словаря и синтаксиса. Словарь – это язык разметки, набор терминов и свойств, которые описывают содержимое страницы сайта. Синтаксис – это метод описания, т. е. то, как словарь будет использован.

Популярные словари микроразметки:

  • schema.org – сделан по инициативе поисковых систем и рекомендуется ими к применению;
  • Open Graph – придуман Facebook для эффективного взаимодействия сайтов с этой соцсетью, и поддерживается прочими социальными сетями;
  • Микроформаты – основаны на использовании элементов языка HTML, что и позволило ему в свое время обрести большую популярность;
  • Data Vocabulary – разработан компанией Google, но прекративший свое развития из-за активной поддержки schema.org;
  • Dublin Core – специализированный словарь для библиотек;
  • Good Relations – специализированный словарь для интернет торговли;
  • FOAF – специальный социальный словарь для разных сообществ.

Наиболее распространенные синтаксисы:

  • микроданные – часто применяются со словарями schema.org и Data Vocabulary;
  • RDFa – применяется со словарями Open Graph и Data Vocabulary;
  • микроформаты – являются как синтаксисом, так одновременно и словарем.

Какой формат семантической разметки выбрать? Если нет уже наработанной базы и начинать разметку нужно с нуля, то лучше всего для статей использовать микроданные с schema.org и RDFa с Open Graph. Их мы и рассмотрим на конкретном примере.

Зачем нужна микроразметка?

Так ли уж нужна семантическая разметка? Может не стоит с этим возиться? Ведь наличие или отсутствие разметки не влияет на ранжирование страницы. По крайней мере так говорят представители поисковых систем. Но это только на первый взгляд. Если разобраться, окажется, что есть факторы, влияющих на позицию страницы в поисковой выдаче:

  • На основе данных, переданных роботу разметкой, в выдаче формируется сниппет. Поскольку, улучшается его вид, то возрастает CTR со всеми вытекающими отсюда приятностями для ранжирования страницы.
  • Так как поисковик лучше понимает, что находится на странице, то выдача становится более релевантной.
  • Данные из разметки заносятся роботом в свои информационные базы и в дальнейшем используются в разных сервисах, предоставляющих информацию пользователю.
  • С точки зрения поисковой системы улучшается структура сайта, что приносит ему дополнительные бонусы.

Таким образом хотя само наличие разметки не влияет на позицию страницы в выдаче, но взаимодействие разметки с роботами поисковиков и соцсетей (а через них и с пользователями), в конечном счете, приводит к повышению рейтинга.

Как сделать микроразметку статьи?

Рассмотрим примеры применения микроразметки schema.org и Open Graph. Тут есть некоторое различие. В первом случае вся разметка прописывается рядом с телом статьи. При передаче же информации в соцсети описывается как должна выглядеть ссылка на страницу статьи.

Разметка с schema.org

Рассмотрим, как с помощью schema.org можно сделать микроразметку статьи.

Сначала посмотрим, как статья выглядит в HTML без разметки

А теперь этот пример с разметкой

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

itemscope itemtype=»http://schema.org/Article» id=»main».

В примере использованы следующие обязательные параметры:

  • headline – наименование статьи;
  • datePublished — дата публикации в формате ISO 8601;
  • image – картинка;
  • articleBody – тело статьи;
  • author – имя автора;
  • publisher – наименование сайта, публикующего статью.

Есть еще необязательные параметры, которые все же желательно указывать:

  • dateModified — дата изменения статьи;
  • mainEntityOfPage – ссылка на страницу со статьей.

В теге publisher использованы следующие параметры:

  • logo — логотип;
  • name — наименование организации;
  • telephone – телефон;
  • address — адрес.

Если статью публикует не организация, а частное лицо, то все равно publisher нужно заполнить, так как параметр обязателен. Иначе Гугл будет ругаться при проверке. Замена Organization на Person не поможет. Можно сознательно не заполнять этот блок и игнорировать предупреждение.

Разметка с Open Graph

Микроразметку Open Graph нужно разместить внутри тегов <html> и <head>.

В блоке <html> указываем роботу на использование разметки Open Graph.

<html xmlns:fb=»http://ogp.me/ns/fb#»>

Все остальное размещается внутри <head>

Выглядит здесь все проще, чем с schema.org. Вот что значат использованные теги:

  • og:title – название статьи и текст ссылки;
  • og:description – описание статьи, которое показывается под заголовком;
  • og:type – тип объекта, для статьи применяется article;
  • og:locale – локализация, указывать не обязательно, но желательно;
  • og:image – ссылка на картинку статьи;
  • og:url – ссылка на статью.

Тег article использовать несложно:

  • og:article:published_time — дата публикации статьи;
  • og:article:modified_time — дата последнего изменения;
  • og:article:author – автор статьи.

Особенности применения микроразметки

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

После разметки статей, нужно проверить корректность внесенных данных.

Проверка Google

https://search.google.com/structured-data/testing-tool

Валидатор  Яндекс

https://webmaster.yandex.ru/tools/microtest/

Проверка Bing

https://www.bing.com/toolbox/markup-validator

Open Graph можно еще проверить отладчиком Facebook

https://developers.facebook.com/tools/debug/

Если на сайте используется CMS, то разметку можно прописывать как вручную, так и с помощью плагинов. Особенно много инструментов есть для WordPress: All in One SEO Pack, WP SEO by Yoast, WP Facebook Open Graph protocol.

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

Добавьте комментарий