Микроразметка сайта: зачем нужна, виды, как сделать и проверить

Что такое микроразметка сайта?

Микроразметка — это специальные теги, которые добавляются в HTML-код страницы. Они помогают поисковым системам лучше понимать содержимое сайта. Хотя пользователи их не видят, роботы Google и Яндекс используют эти метки для улучшения отображения страниц в поисковой выдаче.

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

Основные виды микроразметки

Чтобы поисковые системы правильно интерпретировали контент, нужно использовать подходящие словари (схемы). Самые популярные из них — Schema.org и OpenGraph.

Schema.org

Допустим, на сайте размещен рецепт. Без микроразметки для поисковиков это просто текст. Но с помощью Schema.org можно выделить:

• Название блюда (name)

• Ингредиенты (recipeIngredient)

• Время приготовления (cookTime)

Так Google или Яндекс поймут, что это рецепт, и смогут отобразить его в удобном формате.

OpenGraph

Эта разметка в первую очередь предназначена для соцсетей. Например, при публикации ссылки в Facebook автоматически появляется превью с картинкой, заголовком и описанием. Всё это работает благодаря тегам OpenGraph.

Хотя изначально словарь создавался для Facebook, сейчас его используют и другие платформы.

Какие данные можно разметить с помощью Schema.org?

Schema.org предлагает множество тегов для разных типов контента:

• Товары и услуги

• Организации и события

• Рецепты, статьи, блоги

• Отзывы и рейтинги

• Видео и изображения

Рассмотрим самые популярные варианты.

1. Микроразметка «хлебных крошек»

Навигационная цепочка помогает пользователям ориентироваться на сайте. Например:
Главная → Женская одежда → Платья → Вечерние платья

2. Адрес и организация

Позволяет указать ключевую информацию о бизнесе:

• Название компании

• Адрес и телефон

• Часы работы

• Логотип

3. Меню для ресторанов и кафе

Можно разметить:

• Названия блюд

• Цены

• Описания

Это поможет отображать меню прямо в поисковой выдаче.

4. Карточка товара

Добавляет в сниппет:

• Название и цену

• Наличие на складе

• Изображение и описание

5. Страница услуг

Пример для компании по ремонту компьютеров:

• Тип услуги (serviceType)

• Описание (description)

• Ценовой диапазон (priceRange)

• Зона обслуживания (areaServed)

6. Статьи и блоги

Основные теги:

• Заголовок (headline)

• Автор (author)

• Дата публикации (datePublished)

• Издатель (publisher)

7. Отзывы и рейтинги

Используется тип Review, чтобы выделить оценки пользователей.

8. Поиск по сайту

Помогает поисковым системам понять, как работает внутренний поиск на сайте.

9. Видео и изображения

Для видео указывают:

• Название (name)

• Описание (description)

• Миниатюру (thumbnailUrl)

• Длительность (duration)

Для картинок разметка улучшает индексацию визуального контента.

10. Блок вопросов и ответов (FAQ)

Позволяет структурировать часто задаваемые вопросы для удобного отображения в поиске.

Как проверить микроразметку?

Чтобы убедиться, что разметка работает правильно, используйте инструменты:

• Яндекс Вебмастер

• Google Search Console

• Валидатор Schema.org

Достаточно вставить URL или HTML-код, и система покажет ошибки или рекомендации по улучшению.