Исходные код страницы содержит кучу HTML тегов, CSS файлов, JS кода, и в меньшей степени – текст, ориентированный на человека.

Что бы поисковой робот легко смог сориентироваться в исходном коде HTML страницы, нужно дать ему наводку - разметить контент специальными тегами.

Такая разметка и называется «микроразметкой».

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

Расширенные описания и дополнительные возможности в оформлении контента – ведут к увеличению CTR на поиске (кликабельности), что приводит и к росту позиции.

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

Словари и синтаксис

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

В этих словарях описаны примеры разметки элементов сайта (сущностей): текста, контактных данных, торгового предложения, строки навигации и др.

У каждой сущности, есть набор свойств, которые нужно заполнить, например для сущности «товар/продукт» нужно заполнить свойства: цена, рейтинг, отзывы, категория, название и др.

Одну и туже сущность, можно разметить несколькими способами – разным синтаксисом.

Т.е. База для разметки одна, а подходы – разные.

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

  • Schema.org - основной словарь для разметки содержимого страницы
  • Open Graph - словарь созданный Facebook. Разметка через него, дает крутые карточки для сайта при шеринге URL
  • Dublin Core - словарь для разметок библиотек, музеев.

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

  • RDFa (Resource Description Framework in Attributes) - Структура описания ресурсов в атрибутах. Если коротко, то RDFa - это набор атрибутов, используемых для переноса метаданных из XML.
  • Microformat (микроформаты) - тегирование HTML тегов, с целью наделения их альтернативным смыслом.
  • Microdata (микроданные) - способ семантической разметки через стандартные HTML теги (это самый простой для понимания синтаксис, но не самый лаконичный).
  • JSON-LD (JavaScript Object Notation for Linked Data) - объектная нотация JavaScript для связанных данных. Данный способ разметки рекомендует сам Google (но яндекс не поддерживает его). При JSON-LD нет необходимости изменять содержимое тегов страницы, разметка подключается через тег <script> в <head> страницы.

Я использую 2 словаря: Schema.org и Open Graph + синтаксис RDFa / микроданные

Это универсальный вариант для 2х поисковиков Yandex и Google

JSON-LD более логичный из всех, но яндекс его не поддерживает.

Какие элементы размечать

ТОП10 сущностей микроразметки Schema.org

  • Хлебные крошки
  • Контактные данные
  • Статьи
  • Отзывы
  • FAQ (несколько вопросов, один ответ для каждого)
  • Вопрос/Ответ (один вопрос, несколько ответов)
  • Информация о товарах
  • Рецепты
  • Видео
  • Поисковая строка для сайта
  • Инструкции How To Do
  • Курсы
  • Мероприятия (события)
  • Изображения

Как проверить корректность микроразметки (валидаторы)