SEO 15 липня 2024  |  656   |  Читати 7 хвилин  – Прочитати пізніше

Як додати мікрозмітку на сайт

Як додати мікрозмітку на сайт
Анастасія Борисенко
Авторка блогу Serpstat

Що таке мікророзмітка?

Якщо коротко – це доповнення до HTML-коду, яке допомагає пошуковим системам швидко знаходити різні типи контенту на вебсайтах і правильно його розуміти, а також передбачає використання тегів та атрибутів для структурування інформації, представленої на сторінках сайту.

У сьогоднішній статті ми розглянемо, які типи контенту можна виділити за допомогою мікророзмітки й навчимося швидко та ефективно її впроваджувати.

Зробімо ваш сайт більш привабливим у пошуковій видачі разом!

Що можна виділити за допомогою мікророзмітки?

За допомогою мікророзмітки можна висвітлювати контактну інформацію компанії, відгуки, рейтинги та хлібні крихти, розміщені на сторінці сайту. Ці структуровані дані допомагають сайту виділятися у результатах пошуку, роблячи його більш привабливим та легким для навігації. Власне, це дозволяє пошуковим роботам швидше обробляти контент і правильно його інтерпретувати.

Таким чином, вказуючи тип контенту ви можете виділити найважливішу інформацію для пошукових роботів і забезпечити користувачам швидкі та інформативні відповіді у зручному форматі.

Приклад вигляду сайту з мікророзміткою у видачі

Приклад вигляду сайту з мікророзміткою у видачі

До прикладу, мікророзмітка для онлайн магазину дозволить винести контактну інформацію у розділ «Про компанію», а саме: адресу, номер телефону та пошту. Таким чином, вводячи у пошуковому рядку «магазин X контакти», користувач отримає точні контактні дані у результатах пошукової видачі. Ви також можете виділити не тільки текст, але й логотип вашої компанії.

Використовуючи мікророзмітку ви допомагаєте пошуковому роботу зрозуміти, що певне зображення є логотипом вашої компанії, а не просто картинкою. Щоб вказати логотип вкажіть наступні елементи:

1.Словник мікророзмітки.
2.Тип даних, який позначається тегами. Наприклад Organization.
3.URL-адресу сайту.
4.URL зображення логотипа.
URL зображення логотипа.

Для інших видів інформації принцип аналогічний.

Як додати мікророзмітку на сайт?

Для впровадження мікророзмітки не потрібно виділяти всі дані на вашому сайті – натомість почніть з найважливіших елементів і максимально використайте їх.

Виберіть основні характеристики, які необхідно донести до користувача у пошуковій видачі серед інших сторінок. Наприклад, якщо у вас є інтернет-магазин, вам слід виділити товари та відгуки. Існує два основні формати, за якими мікророзмітку впроваджують на сайт:

1.JSON-LD — метод передачі інформації, реалізований за допомогою текстового формату JSON у JavaScript. Бажано використовувати цей метод, оскільки він дозволяє легко створювати, редагувати та читати марковані файли.
2.Schema.org — схема, що містить багато шаблонів, які добре читаються пошуковими системами. Ця система структурує та організовує дані за певними ієрархіями.

Для соціальних мереж розмітка реалізується за допомогою протоколу Open Graph, який був розроблений компанією Meta для покращення відображення сайту у соціальній мережі Facebook. Google також розробив кілька помічників, які можна використовувати для створення мікророзмітки на вашому сайті.

Data Highlighter

Ви можете використовувати альтернативу розмітці вебмайстра, яка допомагає Google зрозуміти дані на вашому сайті – Маркер даних. Тут ви можете просто «позначити» кожне поле даних за декілька кліків.

Маркер даних Google

Маркер даних Google

Серед типів даних, які ви можете виділити для Google з допомогою Data Highlighter, є:

  • події;
  • товари;
  • ресторани;
  • фільми;
  • програмні додатки;
  • книги.

Почніть зі створення списку сторінок для того, щоб Data Highlighter знайшов сторінки, які містять необхідні дані. Таким чином сервіс покаже список сторінок з впорядкованими даними, які надалі ви можете розділити за групами, якщо дані на вашому сайті організовані іншим чином.

Під час сканування пошуковою системою сторінок вашого сайту, Data Highlighter виділить дані та створить розширені сніппети, що зроблять сторінки вашого сайту у видачі більш видимими.

Для вашої зручності рекомендуємо переглянути цю відеоінструкцію від Google:

Structured Data Markup Helper

Ви також можете використовувати Structured Data Markup Helper (Майстер розмітки структурованих даних) — інструмент, що допомагає генерувати код розмітки, який ви додаєте на сайт. Цей інструмент можна використати за допомогою розділів сайту, пошти або HTML.

Якщо ви працюєте з розділом сайту, вам потрібно буде обрати тип даних і вставити URL або вихідний код HTML сторінки, яку ви бажаєте розмітити:

Майстер розмітки структурованих даних Google

Майстер розмітки структурованих даних Google

Виділіть інформацію, яку ви вважаєте найважливішою. Інструмент підкаже вам, які елементи зазвичай виділяються для цього типу сторінок у розділі My Data Elements. Після цього натисніть кнопку «Create HTM» та оберіть формат даних:

1.JSON-LD: цей варіант рекомендований для Google. Отриманий формат слід вставити в тіло самої сторінки.
2.Мікророзмітка: міжнародний стандарт розмітки, що описує інформацію за допомогою атрибутів, типізованих методами, такими як Schema.org. Отриманий код потрібно замінити HTML-сторінкою.

Плагіни для мікророзмітки

1.Schema – All In One Schema Rich Snippets – цей плагін найкраще підійде для акцентування уваги у пошуковій видачі. Доступні такі типи схем: Відгуки, Події, Рецепти, Статті, Товари, Послуги тощо.

Schema – All In One Schema Rich Snippets

Schema – All In One Schema Rich Snippets
2.WP SEO Structured Data Schema (WordPress SEO, Structured Data Schema plugin) – цей плагін буде зручним для вебдизайнерів та власників бізнесу та легким у додаванні схем: 
  • організацій;
  • блогів;
  • товарів;
  • подій;
  • відео та аудіо;
  • контактних даних;
  • послуг;
  • відгуків;
  • агрегованих рейтингів.

WP SEO Structured Data Schema

WP SEO Structured Data Schema
3.WPSSO Strip Schema Microdata – це додаток, який може допомогти вам витягти старі «Schema Microdata» з вашої сторінки. Також корисною буде опція видалення дублікатів або конфліктуючих метатегів у налаштуваннях додатка.

WPSSO Strip Schema Microdata

WPSSO Strip Schema Microdata

Валідатор мікророзмітки

Валідатор мікророзмітки дозволяє перевірити налаштування, зокрема інструменти від Google є найпростішими для перевірки. 

Structured Data Testing Tool перевіряє правильність дизайну мікророзмітки. Все, що вам потрібно зробити – це перейти до інструменту та вказати URL сайту або фрагмент коду. Через кілька секунд валідатор підтвердить його правильність або виділить фрагменти для виправлення.

Structured Data Testing Tool

Висновки

Як ви вже знаєте, мікророзмітка є важливим доповненням до вашого сайту, що допомагає покращити його зовнішній вигляд у пошуковій видачі, робить ресурс більш привабливим для користувачів інтернету і дозволяє пошуковим роботам швидше читати сайт.

Вона складається з тегів та атрибутів, які дозволяють виділяти різні типи інформації: адреси, телефони, дати, логотипи, місцезнаходження та багато іншого.

Це один зі способів покращити SEO, підвищити клікабельність та інші поведінкові фактори, оскільки веде до впізнаваності бренду на цифровому ринку.

Основні формати, які використовуються для впровадження мікророзмітки на сайті, це:

1.JSON-LD: використовує текстовий формат, який дозволяє створювати, редагувати та читати розмітку.
2.Schema.org: містить ряд попередньо визначених схем, які використовуються у всьому світі.
3.Open Graph: для соціальних мереж, працює задля покращення відображення сайту соцмережах.

Google пропонує кілька інструментів, які допомагають створювати власну розмітку: серед них Data Highlighter і Structured Data Markup Helper.

І перш ніж ви почнете, ми рекомендуємо провести технічний аудит сайту. Serpstat пропонує комплексний онлайн-інструмент, який дозволяє знаходити та виправляти проблеми на сайті зручно. Перевірте його ефективність!

Serpstat Аудит сайту Сумарний звіт
Serpstat Аудит сайту Сумарний звіт
Serpstat Аудит сайту Всі помилки
Serpstat Аудит сайту Всі помилки

Шукаєте інструмент для SEO-аудиту сайту?

Спробуйте Serpstat з тріалом на 7 днів

Отримати тестовий доступ

Оцініть статтю за п’ятибальною шкалою

Ця стаття вже була оцінена 5 людьми середньою оцінкою 5 із 5 можливих
Знайшли помилку? Виділіть її та натисніть Ctrl + Enter, щоб повідомити нам.

Використовуйте кращі SEO інструменти

Перевірка зворотніх посилань

Швидка перевірка зворотніх посилань вашого сайту та конкурентів

API для SEO

Отримайте швидко великі обсяги даних за допомогою функціонального SЕО API

Аналіз конкурентів

Зробіть повний аналіз сайтів конкурентів для SEO та PPC

Моніторинг позицій

Відстежуйте зміну ранжування цільових запитів використовуючи моніторинг позицій ключів

Поділіться статтею з вашими друзями

Ви впевнені?

Знайомство з сервісом

Serpstat економить час, як і ми готові заощадити ваш, на знайомстві з ключовими можливостями сервісу.

Наш фахівець зв'яжеться з вами і за підсумком запропонує відповідний варіант, який може включати персональну демонстрацію, пробний період, навчальні статті та записи вебінарів, консультацію фахівця, а також комфортні умови для старту використання Serpstat.

Ім’я

Введіть адресу електронної пошти

Телефон

Будемо раді вашому коментарю

Дякуємо, ми зберегли ваші нові налаштування розсилок.

Відкрити чат технічної підтримки
mail pocket flipboard Messenger telegramm