Що таке мікророзмітки сайту - базові поняття

Що таке мікророзмітки сайту - базові поняття

Зміст:

  1. Що таке мікророзмітки сайту - базові поняття

  2. Види і типи структурованих даних

  3. Які дані можна розмітити?

  4. Як зробити мікророзмітки сайту?

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

  6. Як перевірити розмітку ?

  7. Висновок

 

Що таке мікророзмітки сайту - базові поняття

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

 

Отримані дані не впливають на ранжирування сторінки, але можуть бути використані для формування сніппета в пошуковій видачі. Сучасні алгоритми пошукових систем відмінно розуміють зміст сторінок. Нині, впровадження семантичної розмітки - це офіційний спосіб управління сніппетом в пошуку або соц. мережах.

 

 Види й типи структурованих даних

 

Семантична розмітка складається зі словника і синтаксису, які своєю чергою мають різноманітну кількість видів. Словник - це готовий набір змінних і їх зміст.

Основні словники:

 

● Data Vocabulary - Досить популярний формат, але зараз не актуально тому Google його більше не підтримує;      

● Schema.org - найбільш популярний словник для пошукових систем;      

● Microformats або ж мікроформати - невеликі HTML-шаблони microformats.org, підходять для невеликих описів;      

● Open Graph - розмітка придумана в Facebook, основний словник для соціальних мереж. Формує превью посилань;      

 

              Синтаксис - це правила написання самої розмітки або ж правила використання словника. Аналог орфографії в програмуванні

 

Основні синтаксиси:

 

● Microdata або мікродані - розміщуються безпосередньо в html код у вигляді спеціальних тегів і атрибутів;      

 

● RDFa - основний синтаксис соціальних мереж, розміщується в секції <head>;

      

 

● JSON-LD - найактуальніший і найновіший синтаксис. На відміну від інших, розміщується в тезі <script> та побудований на основі синтаксису JavaScript. Легко зчитується пошуковими роботами. Не підходить для проєктів під Яндекс тому не підтримується в даній пошуковій системі.

      

 

 

Які дані можна розмітити?

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

 

Наведу список найпопулярніших і часто використовуваних розміток:

 

● Організація - дозволяє розмітити контактні дані на сторінці такі як: номери телефонів, адреси, час роботи та інше. З недавніх пір Google рекомендує не використовувати її тому сам може знаходити ці дані;      

 

● Товар - дуже важлива розмітка для карток товару, дозволяє вказати ціну або діапазон цін, наявність товару, зображення, марення і т.п. Часто використовується у зв'язці з розміткою відгуків і рейтингу;      

● Рецепт - практично обов'язкова розмітка для будь-якого сайту з рецептами страв; 

     

 

● Вікно пошуку по сайту - Часто використовувана, але не найкорисніша. Виводить вікно пошуку по сайту прямо в пошукову видачу, але працює тільки по вітальних запитом; 

     

 

● Карусель (Лістинг) - Призначена для будь-якого лістингу на сайті, виводить лістинг в "карусель товарів" в пошуковій видачі;

      

 

● Рядок навігації (Хлібні крихти) - Дуже корисна розмітка, формує вкладеність сторінки (хлібні крихти) в пошуковій видачі;

      

 

● Відгук критика (Розмітка рейтингу) - Власне призначена для відображення рейтингу (зірочки) в пошуковій видачі;

      

 

● Питання і відповіді - Виводить ваш блок FAQ в пошукову видачу. Чи не працює разом з розміткою рейтингу.

      

 

 

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

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

 

Існує кілька способів створення мікророзмітки.

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

 

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

Другий - це використовувати сторонні сервіси, такі як Schema Markup Generator. Ви заповнюєте потрібні дані, а інструмент сам формує з цього розмітку.

 

 

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

 

Тепер ви знаєте що таке мікророзмітка, і яких видів вона буває. Припустимо ви створили свою розмітку і хочете розмістити її на сайті, але як це зробити? Найпростіший і найкращий спосіб - це віддати її вашому програмісту, який запровадить розмітку безпосередньо. Без жартів, цей спосіб рекомендують і пошукові системи через те, що він найменш засмічує структуру.

 

Якщо немає можливості залучити програміста, тоді є альтернативні рішення. Можна додати розмітку за допомогою Google Tag Manager або ж використовувати сторонні розширення для вашої CMS.

 

Як перевірити розмітку?

Тут все просто. Рекомендую використовувати офіційні інструменти тих сервісів, на які розрахована розмітка. Наприклад, для Google це інструмент перевірки структурованих даних. Для Yandex - валідатор семантичної розмітки. А у випадку з мікророзмітки Open Graph для соціальних мереж - Отладчик репоста.

 

Висновок

На закінчення хочу сказати що мікророзмітки - важливий інструмент, при грамотному застосуванні якого можна істотно підвищити CTR вашого сайту і як наслідок призвести якісний і цільовий трафік.

 

 

 

Читати далі

Як підготувати сайт до Core Web Vitals

  • Page Speed
  • Core Web Vitals
  • Швидкість завантаження
Читати далі