Что такое микроразметка сайта — базовые понятия

Что такое микроразметка сайта — базовые понятия

Содержание:

  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
  • Швидкість завантаження
Читать дальше