Що таке мікророзмітка та для чого вона потрібна
🔎 Мікророзмітка — це спеціальний формат коду, який потрібен, щоб структурувати дані на сайті. Така розмітка допомагає пошуковим системам краще розуміти вміст сторінки, що покращує видимість сайту в пошукових результатах.
Також цю структуровану інформацію пошукові системи можуть використати, щоб створити розширені сніпети в результатах пошуку.
Сніпети — це короткі фрагменти інформації, які користувач бачить на сторінці результатів пошуку і з яких він отримує загальне уявлення про вміст сторінки.
Звичайні сніпети зазвичай містять лише короткий текст і посилання на сторінку, тоді як розширені сніпети (або, як каже Google, rich snippets) завдяки мікророзмітці можуть включати додаткові деталі: зображення, інформацію про автора, дату публікації, рейтинги та багато іншого.
Наприклад, якщо сторінка з рецептом містить мікророзмітку, Google може показати у сніпеті зображення страви, час приготування та основні інгредієнти.
Такі сніпети привертають до себе більше уваги та підвищують ймовірність того, що користувач клікне саме на вашу сторінку в результатах видачі.
Ярослав, SEO Team Leader HOSTiQ.ua 💬
«Мікророзмітка може поліпшити CTR — відношення кількості кліків на вашу сторінку до кількості її показів, але вона не є фактором ранжування, і не впливає напряму на позиції сторінки у видачі.
Проте деякі типи мікророзмітки (такі як Book або Recipe, ми покажемо їх нижче) дають можливість потрапити в спецблоки пошуковика, та, відповідно, отримати більше трафіку.»
Про те, як створити та перевірити мікророзмітку, розповідаємо далі.
Що таке словники та синтаксиси мікророзмітки
Мікророзмітка сайту складається з двох основних складових:
- Словник, який описує типи інформації та їх властивості, які ви можете використовувати, щоб структурувати дані.
- Синтаксис — набір правил, який визначає, як створити ці типи та властивості у вашому HTML-коді за допомогою тегів і атрибутів.
Розглянемо детальніше ці елементи. Але не лякайтеся, якщо буде складно — це тільки теорія, на практиці все значно легше і до неї ми ще дійдемо.
Словники
✔️ Мікророзмітка Schema.org є найпоширенішим безплатним словником структурованих даних. Його у співпраці створили пошукові системи Google, Bing, Yahoo та Yandex. Цей словник допомагає розмічати дані за допомогою різних атрибутів, які змінюються залежно від типу даних. Проте є кілька основних атрибутів, які часто використовуються:
- itemscope — цей атрибут вказує на початок нового об’єкта, який ви розмічаєте. Коли ви додаєте itemscope, ви сигналізуєте, що всі вкладені елементи будуть частиною цього об’єкта.
- itemtype — цей атрибут використовують разом з itemscope, щоб вказати тип об’єкта, тобто до якої категорії належить блок контенту. Значення атрибута є URL-посиланням на тип об’єкта в Schema.org.
- itemprop — цей атрибут вказує на властивості об’єкта, які ви описуєте. Це те, що піде в виведення даних, наприклад, ціна, дата, назва, наявність, фото товару, питання та відповіді на них.
Ось приклад, як усі ці атрибути можна використати разом для опису продукту:
✔️ Open Graph — словник мікророзмітки, який розробили програмісти Facebook, щоб вирішити проблему з відображенням посилань і вмісту сторінок у Facebook, а також Telegram, Viber, Slack, LinkedIn, Skype та інших соцмережах і месенджерах.
Основні атрибути словника Open Graph:
- og:locale — вказує мовну версію сторінки,
- og:type — тип сторінки, наприклад, стаття, новина або відео,
- og:title — заголовок статті,
- og:description — короткий опис сторінки,
- og:url — посилання на сторінку сайту,
- og:image — посилання на картинку, яка буде відображатися в пості,
- og:site_name — назва сайту.
Google враховує швидкість сайту при ранжуванні
З 2018 року швидкість ресурсу стала однією з метрик, які Google враховує при ранжуванні сайтів. Якщо відвідувач не дочекався, поки завантажиться сторінка, і закрив вкладку, це мінус в карму і в рейтинг пошукової видачі.
Потурбуйтеся про швидкість свого сайту — виберіть хостинг на чистих SSD-дисках 🚀
Ми відмовилися від HDD-дисків на серверах і перейшли на SSD. На SSD-дисках сайти завантажуються в 5 разів швидше, ніж на HDD.
Також ми замінили вебсервер Apache на LiteSpeed, щоб збільшити швидкість роботи сайтів. За статистикою, на LiteSpeed файли відкриваються в 5 разів швидше. А якщо ваш сайт на WordPress, то ми пришвидшимо його ще більше з плагіном LSCache.
Наш хостинг можна безплатно тестувати протягом 30 днів. Переконаєтеся, що ваш сайт працює з нами швидше — і тоді вже прийматимете рішення щодо купівлі.
Синтаксис
Для того щоб впровадити мікророзмітку на сайт, треба вибрати синтаксис, за допомогою якого ви і будете застосовувати словник.
✔️ JSON-LD — це найновіший формат синтаксису, який з’явився у 2010 році, його рекомендують використовувати Schema.org і сам Google. Основна відмінність JSON-LD від інших форматів полягає в тому, що він не додається безпосередньо в HTML-код сторінки, а вставляється в тег <script>.
✔️ Microdata — це синтаксис, який почав використовуватися в HTML5. Розмітка вноситься безпосередньо в HTML-код сторінки. Для цього використовують кілька основних атрибутів itemscope, itemtype і itemprop, які допомагають визначити та описати типи даних в HTML-коді.
✔️ RDFa — це ще один спосіб розмітки, який також вноситься в HTML-код. RDFa зазвичай використовують разом зі словником Open Graph, щоб створити привабливі сніпети у соціальних мережах.
Однак працювати з ним важче, ніж з попередніми варіантами, бо потрібно знати більше специфічних атрибутів і розуміти, як додати їх в код, щоб не порушити загальну структуру документа. Документації та ресурсів для навчання з RDFa не так багато, як для інших форматів, що теж додає йому складності.
Ярослав, SEO Team Leader HOSTiQ.ua 💬
«Якщо сумніваєтеся, який тип синтаксису використовувати — обирайте JSON-LD.
Його простіше додавати та оновлювати, плюс його рекомендує сам Google.»
Які є основні типи розмітки
Щоб створити мікророзмітку, не потрібно вивчати словники та синтаксис, як цього вимагає програмування. Важливо лише знати, які основні види даних можна розмічати та які з цих форматів можуть бути корисними для вас.
Найпоширеніші типи даних, які користувачі розмічають:
✔️ Product — для продуктів на сторінках інтернет-магазинів і маркетплейсів, щоб створювати поліпшені сніпети для товарів. Включає інформацію про назву, опис, ціну, доступність, відгуки та рейтинги.
✔️ Recipe — для рецептів на кулінарних сайтах і блогах, щоб відображати їх з детальною інформацією прямо в результатах пошуку. Включає інгредієнти, час приготування, кількість калорій і рейтинг.
✔️ Article — для новинних та інформаційних статей на порталах і блогах. Включає заголовок, автора, дату публікації, зображення та опис статті.
✔️ NewsArticle — для публікацій на новинних сайтах, щоб поліпшити видимість новин у Google News та інших агрегаторах новин. Включає джерело новини, категорію, час публікації та основні факти.
✔️ BlogPosting — для постів в особистих і корпоративних блогах. Включає заголовок, автора, дату публікації, зображення та основний контент.
✔️ Event — для сторінок подій на сайтах концертів, вистав, конференцій тощо, щоб користувачі швидко знаходили інформацію про заходи та додавали їх у свої календарі. Включає назву події, дату, місце проведення, вартість квитків і їх доступність.
✔️ Organization — для сторінок компаній та організацій. Включає назву, логотип, контактну інформацію, адресу та посилання на соціальні мережі.
✔️ LocalBusiness — для сторінок місцевих бізнесів: ресторанів, магазинів, салонів краси тощо, щоб поліпшити видимість бізнесу в локальних пошукових запитах. Включає назву, адресу, час роботи, контактні дані та відгуки.
✔️ FAQPage — для сторінок із поширеними запитаннями і відповідями на корпоративних та інформаційних сайтах.
✔️ BreadcrumbList — для розмітки навігаційних ланцюжків на сайті, так званих хлібних крихт. Допомагає пошуковим системам і користувачам краще орієнтуватися на сайті.
✔️ Review — для розмітки відгуків на товари, послуги або організації, щоб відображати оцінки та відгуки прямо в результатах пошуку. Включає текст відгуку, оцінку та автора.
✔️ Person — для сторінок із біографічною інформацією про людину. Включає ім’я, місце роботи, посаду, контакти та соціальні профілі.
✔️ HowTo — для освітніх і DIY-сайтів, щоб відображати покрокові інструкції прямо в результатах пошуку. Включає опис завдання, кроки виконання та необхідні матеріали.
✔️ JobPosting — для сторінок із вакансіями на сайтах із працевлаштування та корпоративних сторінках. Включає назву посади, вимоги, зарплату, місце розташування та умови роботи.
✔️ VideoObject — для відеоконтенту на сайтах відеохостингів, новинних порталів і в блогах. Включає опис, довжину відео, мініатюру і дату публікації.
✔️ AudioObject — для аудіоконтенту на музичних і подкаст-сайтах. Включає опис, довжину, URL і мініатюру аудіофайлу.
✔️ ImageObject — для зображень на всіх типах сайтів, включно з галереями, блогами та новинними порталами, щоб поліпшити відображення зображень у результатах пошуку та Google Images. Містить опис, URL, висоту та ширину зображення.
✔️ WebSite — для розмітки всього сайту, зазвичай на головній сторінці, щоб пошуковики краще розуміли та індексували весь ресурс. Включає назву сайту, опис, логотип і посилання на соціальні мережі.
✔️ WebPage — для розмітки вебсторінок, включно з домашньою, контактами тощо, щоб пошуковики правильно розуміли зміст сторінки. Містить заголовок сторінки, опис і її тип.
✔️ Course — для навчальних платформ, щоб краще представляти освітні курси в результатах пошуку. Включає назву, опис, інструкторів і дату початку курсу.
✔️ Offer — для пропозицій на сторінках інтернет-магазинів і маркетплейсів, щоб відображати акції та знижки вже на сторінці з результатами пошуку. Включає ціну, доступність і терміни дії пропозиції.
✔️ Book — для інформації про книги на сторінках інтернет-магазинів і літературних сайтів. Містить автора, видавця, дату публікації та ISBN.
✔️ SoftwareApplication — для програмних додатків на сторінках розробників і маркетплейсів. Включає назву, опис, платформу та версію.
✔️ MedicalEntity — для медичних даних на сторінках медичних сайтів і довідників. Включає інформацію про хвороби, процедури, ліки та симптоми.
Ярослав, SEO Team Leader HOSTiQ.ua 💬
«За можливості використовуйте мікророзмітку для кожного доступного типу контенту. Чим більше типів структурованих даних використовувати, тим більше інформації пошукові системи зможуть отримати про контент на сайті.
Це дає змогу Google показувати додаткові елементи та функції в пошуковій видачі, як-от зображення, рейтинги, ціни та інше.
Ці розширені елементи привертають більше уваги користувачів і підвищують ймовірність кліка.»
Як додати мікророзмітку на сторінки
Після теорії переходимо до практики. Щоб зробити мікророзмітку на сайті:
1️⃣ Визначте, який тип інформації ви хочете структурувати. Використовуйте Schema.org, де представлено багато типів мікророзмітки.
2️⃣ Використовуйте онлайн-генератор мікророзмітки, щоб створити потрібний код, наприклад, Schema Markup Generator (JSON-LD) або візуальний генератор Майстер розмітки структурованих даних Google.
Також детальний опис зі скріншотами та прикладами коду в різному синтаксисі можна подивитися в Центрі Google Пошуку.
3️⃣ Вставте код розмітки в HTML-код потрібної сторінки, відповідно до обраного синтаксису.
Якщо ваш сайт працює на популярній CMS, наприклад, WordPress або Joomla, спробуйте скористатися спеціальними плагінами для мікророзмітки, такими як Yoast SEO, Rank Math або WP SEO Structured Data Schema.
Вони спрощують додавання JSON-LD та інших видів розмітки, і вам не треба буде редагувати HTML-код вручну. Оберіть необхідні типи розмітки безпосередньо в налаштуваннях плагіна, і він автоматично додасть код на потрібні сторінки.
Як перевірити мікророзмітку на сайті
Після того, як ви додали структуровані дані, обов’язково потрібна перевірка мікророзмітки. Її можна провести за допомогою онлайн-інструментів:
- Перевірка розширених результатів через інструмент тестування Rich Snippets від Google
- Перевірка структурованих даних від Schema.org
Наприклад, тестування в Google Rich Snippets Testing Tool дозволяє перевірити, чи є мікророзмітка на сторінці, які дані вона містить і як саме вона буде виглядати у пошукових результатах. Цей інструмент також допомагає виявити елементи, які можуть заважати коректному відображенню структурованих даних.
Щоб перевірити одразу всі сторінки, використовуйте валідатор мікророзмітки Гугл в Google Search Console. Інформація про структуровані дані є в розділі Покращення (Enhancements).
Пошукова система повинна переіндексувати ваші сторінки, перш ніж ви помітите зміни у видачі, і це може зайняти деякий час. Мікророзмітка не гарантує, що ваш сніпет буде показувати розширені результати в пошуковій видачі, проте вона значно підвищує шанси на це.
При купівлі на рік — знижка 30%
Як відстежити результати впровадження мікророзмітки на сайт
Памʼятайте, що мікророзмітка не впливає безпосередньо на позиції сайту в пошукових системах, але може значно підвищити увагу до вашого сніпету. Це вже може збільшити кількість кліків і показник CTR. Так ви можете отримати більше трафіку на сайт, а суттєве підвищення CTR з часом зможе покращити позицію сторінки у видачі.
Як можна оцінити результати після додавання мікророзмітки:
- Заміряти та порівняти CTR. Спостерігайте за змінами у CTR для сторінок із впровадженою мікророзміткою, порівнюючи їх із сторінками без неї.
- Скористатися Google Search Console. Переглядайте статистику розширених результатів, щоб оцінити ефективність. Тут також є дані про те, як часто ваші розширені сніпети з’являються у результатах пошуку.
Детальніше про моніторинг структурованих даних в Google Search Console 🔗 - Провести A/B тестування. Якщо це можливо, проведіть A/B тестування, щоб порівняти сторінки з різними типами мікророзмітки.
Постійно аналізуйте зібрані дані, щоб покращити стратегію мікророзмітки. Це допоможе вам поліпшити видимість і залучити більше трафіку на ваш сайт.
