Микроразметка и формат Schema.org: полное руководство для начинающих. Узнайте, зачем нужна микроразметка, как она влияет на SEO, и какие возможности предоставляет стандарт Schema.org. Примеры использования для Recipe, Organization и LocalBusiness. Инструменты для проверки микроразметки.
Микроразметка является мощным инструментом для улучшения видимости вашего сайта в поисковых системах. Использование стандарта Schema.org поможет вам представить ваш контент в наиболее удобном и информативном виде для пользователей и поисковых роботов.
14.1. Введение
Что такое микроразметка?
Микроразметка – это способ добавления дополнительной информации о содержимом веб-страницы прямо в HTML-код. Она помогает поисковым системам лучше понимать контекст страницы, улучшая качество отображения сайта в результатах поиска. Например, благодаря микроразметке поисковики могут правильно интерпретировать данные о рецептах блюд, товарах, событиях и других объектах.
Зачем нужна микроразметка?
Основная цель микроразметки – сделать контент на сайте более структурированным и доступным для поисковых роботов. Это улучшает позиции сайта в поиске и увеличивает количество кликов пользователей, так как информация становится более заметной и удобной для восприятия. Например, рецепты с микроразметкой могут показывать в выдаче фотографии блюда, рейтинг и время приготовления, что делает их привлекательнее для потенциальных посетителей.
14.2. Формат Schema.org
Формат Schema.org – это стандартизированный язык разметки, который поддерживается основными поисковыми системами, такими как Google, Яндекс, Bing и другими. Он позволяет добавлять метаданные к различным элементам контента, таким как статьи, продукты, события, организации и многое другое. Эти метаданные помогают поисковым роботам понять, какой именно объект описан на странице, и использовать эту информацию при формировании результатов поиска.
Основные типы данных в Schema.org:
Recipe (Рецепт)
Используется для описания рецептов блюд. Включает такие параметры, как название блюда, ингредиенты, инструкции по приготовлению, время готовки и даже фотографию готового блюда.
<div itemscope itemtype="http://schema.org/Recipe">
<h1 itemprop="name">Пицца Маргарита</h1>
<img src="pizza-margarita.jpg" alt="Фото пиццы Маргариты" itemprop="image"/>
<span itemprop="description">Классический итальянский рецепт пиццы.</span>
<ul>
<li itemprop="recipeIngredient">Тесто для пиццы</li>
<li itemprop="recipeIngredient">Помидоры</li>
<li itemprop="recipeIngredient">Сыр моцарелла</li>
<li itemprop="recipeIngredient">Базилик</li>
</ul>
<meta itemprop="prepTime" content="PT30M"/> <!-- Время подготовки -->
<meta itemprop="cookTime" content="PT10M"/> <!-- Время готовки -->
<meta itemprop="totalTime" content="PT40M"/> <!-- Общее время -->
<div itemprop="recipeInstructions">
Инструкции по приготовлению...
</div>
</div>Organization (Организация)
Применяется для описания компаний, организаций, учреждений. Содержит такие элементы, как название компании, адрес, контактные данные, логотип и т.п.
<div itemscope itemtype="http://schema.org/Organization">
<h1 itemprop="name">Пример ООО</h1>
<link itemprop="url" href="https://example.com"/>
<img src="logo.png" alt="Логотип компании" itemprop="logo"/>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">ул. Ленина, д. 25</span>,
<span itemprop="postalCode">123456</span>,
<span itemprop="addressLocality">Москва</span>
</div>
<a href="tel:+7-495-555-55-55" itemprop="telephone">+7 (495) 555-55-55</a>
</div>LocalBusiness (Местная компания)
Этот тип используется для описания локальных бизнесов, таких как магазины, кафе, рестораны и другие предприятия. Включает информацию об адресе, часах работы, контактных данных и категории бизнеса.
<div itemscope itemtype="http://schema.org/LocalBusiness">
<h1 itemprop="name">Кафе "Уют"</h1>
<link itemprop="url" href="https://cafe-uyut.ru"/>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">ул. Мира, д. 15</span>,
<span itemprop="postalCode">111222</span>,
<span itemprop="addressLocality">Санкт-Петербург</span>
</div>
<a href="tel:+7-812-333-33-33" itemprop="telephone">+7 (812) 333-33-33</a>
<meta itemprop="openingHours" content="Mo-Fr 09:00-21:00, Sa-Su 11:00-23:00"/>
<span itemprop="priceRange">Средний ценовой сегмент</span>
</div>Полезные ссылки
Чтобы ознакомиться со всем спектром возможностей Schema.org, посетите официальный сайт проекта: https://schema.org/docs/full.html. Там вы найдёте полные списки типов данных и свойств, а также примеры кода и рекомендации по использованию.
14.3. Проверка микроразметки
После добавления микроразметки на сайт необходимо проверить её корректность. Для этого существуют следующие онлайн-инструменты:
- Google Rich Results Test
Позволяет проверить, правильно ли размечены ваши данные для создания расширенных сниппетов (rich results) в результатах поиска Google. Можно вставить URL страницы или фрагмент кода и получить отчёт о найденных ошибках и предупреждениях.
Ссылка: https://search.google.com/test/rich-results - Яндекс Валидатор микроразметки
Аналогичный инструмент от Яндекса, проверяющий правильность внедрения микроразметки на ваших страницах. Показывает ошибки и предлагает рекомендации по их исправлению.
Ссылка: https://webmaster.yandex.ru/tools/microtest/
Эти инструменты помогут убедиться, что ваша микроразметка соответствует стандартам и будет корректно распознаваться поисковыми системами.
14.4. Дополнительные ресурсы
- Google Developers Guide to Structured Data
Официальное руководство от Google, содержащее детальную информацию о внедрении структурированных данных на вашем сайте. Включает примеры кода, советы по оптимизации и специфические рекомендации для разных типов контента.
Ссылка: https://developers.google.com/search/docs/guides/intro-structured-data - Яндекс Вебмастер. Центр помощи
Платформа от Яндекса, предоставляющая информацию о том, как использовать микроразметку для улучшения позиций вашего сайта в российской поисковой системе. Также включает инструменты для анализа и тестирования вашей разметки.
Ссылка: https://yandex.ru/support/webmaster/
