К основному содержимому

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

Что такое микроразметка и для чего она нужна, методы OpenGraph и Schema, разметка страниц сайтов на Хорошопе

Обновлено сегодня

Микроразметка (структурированные данные) — это специальный код (атрибуты и теги) в HTML-верстке, который используется для семантического описания содержания страниц. Она помогает поисковым роботам точнее распознавать контент на вашем сайте.

На сайтах Хорошопа используются две микроразметки — Schema и OpenGraph (OG).

Open Graph

Разметка OG присутствует на каждой странице и выполняет одну и ту же роль.

Микроразметка OpenGraph на страницах сайта — Хорошоп

Туда автоматически попадают определенные данные с сайта, а именно:

  • Язык текущей страницы (locale);

  • Мета-заголовок страницы (site_name);

  • Название страницы (title);

  • Ссылка на страницу (url);

  • Описание страницы (description);

  • Изображение страницы (image). Используется собственное изображение (категории, товара и т. п.), а для главной страницы — изображение для ссылок в социальных сетях:

    Изображение для ссылок в соцсетях — Хорошоп

  • Тип контента (type) — главная страница, страница категории, страница товара, статья и т. д.

Schema

Разметка Schema на сайте гораздо обширнее и индивидуальна для каждой страницы — раздела, товара, статьи и т. д. Некоторые элементы разметки Schema все же являются общими для всех страниц — например, маркер веб-страницы как таковой (WebPage).

Микроразметка Schema для веб-страницы — Хорошоп

Еще одна разметка, которая присутствует почти на всех страницах сайта, — это хлебные крошки (BreadcrumbList). Она описывает как весь блок, так и каждый его отдельный элемент.

Микроразметка Schema для хлебных крошек — Хорошоп

Страница категории

На таких страницах есть разметка, описывающая перечень товаров на них (ItemList).

Микроразметка Schema для перечня товаров на странице категории — Хорошоп

Страница товара

На странице товара имеется разметка, отражающая тип этой страницы (Product).

Микроразметка Schema для страницы товара — Хорошоп

Помимо общей микроразметки и хлебных крошек, отдельно размечен блок с ценой (Offer).

Микроразметка Schema для блока с ценой — Хорошоп

Внутри блока с ценой находится отдельная микроразметка, указывающая на наличие товара (InStock).

Микроразметка Schema для статуса наличия товара — Хорошоп

Если в настройках товара заполнено поле Бренд, то на его странице будет соответствующая микроразметка (Brand).

Микроразметка Schema для бренда товара — Хорошоп

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

Микроразметка Schema для общего рейтинга товара — Хорошоп

Разметка отзыва о товаре описывает его целиком (Review), его автора (Person) и оценку, если она указана (Rating).

Микроразметка Schema для отзывов о товаре — Хорошоп

Контактная информация

Микроразметка о компании (LocalBusiness) присутствует только на странице Контактная информация и содержит всю информацию о контактах, а также название и краткое описание сайта, которые можно указать в НастройкиОбщие настройки.

Микроразметка Schema для контактной информации — Хорошоп

Короткое описание сайта в админ-панели — Хорошоп

Блог и новости

На страницах статей блога и новостей присутствует разметка, указывающая на то, что вся эта страница — это статья (Article):

Микроразметка Schema для статьи — Хорошоп

Также на странице статьи используется разметка авторства (Organization) — в качестве автора указывается название сайта. Внутри этой разметки также присутствует разметка для логотипа сайта (ImageObject).

Микроразметка Schema для авторства статьи и логотипа сайта — Хорошоп

Кроме того, отдельно с помощью разметки описывается обложка статьи.

Микроразметка Schema для обложки статьи — Хорошоп

Обложка задается в настройках статьи и размещается в виде баннера над текстом.

Обложка статьи в админ-панели — Хорошоп

Комментарии к статье (Comment) также описываются с помощью разметки, как и их авторы (Person).

Микроразметка Schema для комментариев к статье — Хорошоп

Отзывы о магазине

На странице отзывов о магазине используется простая разметка комментариев, аналогичная той, что присутствует на страницах товаров и статей (AggregateRating, Review, Person, Organization).

Микроразметка Schema для отзывов о магазине — Хорошоп

Микроразметка Schema для отзывов о магазине — Хорошоп

Единственное, что отличает отзывы о магазине от других отзывов и комментариев, — это то, что они размечены и на главной странице в блоке Отзывы о магазине.

Микроразметка Schema для отзывов о магазине на главной странице — Хорошоп

Нашли ответ на свой вопрос?