Перейти до основного контенту

Мікророзмітка

Що таке мікророзмітка та для чого вона потрібна, методи OpenGraph та Schema, розмітка сторінок сайтів на Хорошопі

Оновлено сьогодні

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

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

OpenGraph

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

Мікророзмітка OpenGraph на сторінках сайту — Хорошоп

Туди автоматично потрапляють певні дані з сайту, а саме:

  • Мова поточної сторінки (locale);

  • Meta title сторінки (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).

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

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

Мікророзмітка про компанію (LocalBusiness) присутня лише на сторінці Контактна інформація і описує усю інформацію про контакти, а також назву і короткий опис сайту, які можна вказувати в НалаштуванняЗагальні налаштування.

Мікророзмітка Schema для контактної інформації — Хорошоп

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

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

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

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

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

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

Також окремо описується розміткою обкладинка статті.

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

Обкладинка задається у налаштуваннях статті та розміщується як банер над текстом.

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

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

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

Відгуки про магазин

На сторінці відгуків про магазин використовується проста розмітка коментарів, подібна тій, що присутня на сторінках товарів та статей (AggregateRating, Review, Person, Organization).

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

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

Єдине, що відрізняє відгуки про магазин від інших відгуків та коментарів — вони мають розмітку і на головній сторінці у блоці Відгуки про магазин.

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

Ви отримали відповідь на своє запитання?