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

Благодаря этому поисковый робот может более точно классифицировать контент: где отзыв, где описание товара, а где его стоимость и т. д.

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

Основных задачи две: помочь поисковой системе понять назначение и содержание страницы, а также сформировать более заметный сниппет.

Представим, что на странице сайта мы разместили рецепт блюда. Без семантической разметки поисковый робот видит только, что на странице есть слово «рецепт» и какие‑то другие слова и картинки. А с помощью микроразметки для рецептов мы сразу говорим роботу: «Смотри, здесь есть рецепт блюда».

Благодаря этому поисковая система может добавить в сниппет нашей страницы дополнительные элементы, например время приготовления или количество порций:

Одни из самых популярных микроразметок — Schema.org и OpenGraph.

С помощью Schema.org можно разметить, например:

• карточки товара;

• навигационные цепочки («хлебные крошки»);

• отзывы;

• контакты;

• видеозаписи, фильмы;

• рецепты;

• вопросы и ответы: QAPage, Question и Answer и FAQPage, Question и Answer;

• статьи и т. д.

Поддерживаемые схемы Schema.org в Яндексе

Поддерживаемые схемы Schema.org в Google

Schema.org позволяет создавать сложные сниппеты с фотографиями и описанием товара, рейтингом и т. д.

С помощью OpenGraph мы можем получить более информативные предпросмотры страницы в соцсетях и мессенджерах. В них могут отображаться авторы, время прочтения, рейтинг, картинка и другие элементы:

Основные теги словаря выглядят так:

• og:title — заголовок;

• og:description — описание;

• og:image — ссылка на изображение;

• og:type — тип контента (например, article — статья, movie — кино и т. д.);

• og:url — ссылка на страницу.

Что запомнить

• Микроразметка — это маркировка контента специальными элементами, которые понимают поисковые роботы: HTML-тегами и атрибутами;
• Микроразметка помогает поисковой системе понять назначение и содержание страницы, а также сформировать более заметный сниппет;
• Одни из самых популярных разметок: Schema.org и OpenGraph.