Измените язык, если вам нужно работать с Топвизором на другом языке. Язык интерфейса можно изменить в любое время в настройках аккаунта. Измените язык, если вам нужно работать с Топвизором на другом языке. ru Русский Выбрать

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

Микроразметка — это маркировка контента специальными элементами, которые понимают поисковые роботы: HTML-тегами и атрибутами.

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

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

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

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

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

Пример сниппета с микроразметкой
Пример сниппета с микроразметкой

Одни из самых популярных микроразметок — 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 — ссылка на страницу.