Данные микроразметки в Google: OZON
Такую детализацию создает микроразметка. Зачем и как добавлять ее себе, читайте ниже.
Зачем нужно
Начнем с преимуществ микроразметки:
Красивый сниппет. В результатах поиска отображается не только заголовок и фрагмент страницы, а структурированный блок с уточнениями и главной информацией. Это выгодно отличает его от обычных сниппетов.
Больше целевого трафика. Микроразметка заранее подскажет пользователю, нашел ли он то, что требовалось. Например, он откроет сайт, только если товар есть в наличии или у него достаточно отзывов. Так вы получите больше заинтересованных визитов.
Улучшение SEO. Теги разметки помогают поисковым ботам лучше индексировать сайт. Он чаще выпадает по тематическим запросам, при поиске по типам контента, мониторинге отзывов и т. п.
Голосовой поиск. Микроразметка адаптирует страницу для голосовых запросов, связанных с типом контента. Например, «рецепт пирога» (тип контента – рецепты) или «новости дополненной реальности» (новости).
Удобнее для репостов. Когда страницей делятся в соцсети, в блок предпросмотра попадет размеченная информация.
Микроразметка адаптирует сайт для чтения ботами и людьми – и делает его более дружественным к разным платформам. При этом она никак не влияет на внешний вид сайта. Осталось выяснить, как настроить ее у себя.
Как добавить
Чтобы внедрить разметку
Schema.org, нужно знать всего три атрибута:
itemscope – отмечает область действия словаря микроданных; используется вместе со следующим атрибутом;
itemtype – передает ссылку на нужный словарь; в нашем случае – на одну из страниц сайта
schema.org;
itemprop – указывает название конкретного поля разметки; так, «itemprop = «genre»» означает, что далее будет идти название жанра (например, фильма).
Значения, которые можно присваивать этим атрибутам, помнить не обязательно. Полный перечень вы найдете
здесь.
Станет гораздо понятнее, когда мы рассмотрим микроразметку на реальном примере. Давайте разметим данные о товаре из интернет-магазина.
Пусть до разметки товар на сайте описывался таким HTML-кодом:
<div>
<h1>Пылесос Philips FC9352/01 PowerPro Compact</h1>
<span>Philips FC9352/01 PowerPro Compact – функциональный и удобный пылесос с верхней фильтрацией и улучшенным дизайном.</span>
<img src=”ссылка_на_изображение”>
<div>
<span>9 990</span>
<span>RUB</span>
<div>В наличии</div>
</div>
</div>
Его микроразметка по
Schema.org будет выглядеть так:
<div itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Пылесос Philips FC9352/01 PowerPro Compact</h1>
<span itemprop="description">Philips FC9352/01 PowerPro Compact – функциональный и удобный пылесос с верхней фильтрацией и улучшенным дизайном.</span>
<img src=”ссылка_на_изображение” itemprop="image">
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">9 990</span>
<span itemprop="priceCurrency">RUB</span>
<div>В наличии</div>
<link itemprop="availability" href="http://schema.org/InStock">
</div>
</div>
Как видите, разметка добавляется в обычные HTML-теги. Поддерживаются:
<a> – видимая ссылка;
<link> – невидимая ссылка, подключающая внешний документ;
<div> – блок с контентом на странице;
<span> – блок-строка;
<time> – дата и/или время;
<meta> – метатег с информацией для браузеров и поисковых ботов.
Похожим образом вы можете размечать
множество типов контента: места, персоны, события, новости, рецепты, отзывы, организации и т .д.
Полезные ресурсы
Чтобы микроразметка сайта не вызвала затруднений, вам пригодятся:
Schema.org. Главный ресурс, посвященный этому стандарту разметки. Здесь все инструкции, описания форматов, примеры и т. п.
Инструменты микроразметки Google. Помощник по подбору подходящих для разметки данных и валидатор уже созданной разметки. Попробуйте оба!
Плагины, модули и расширения.
Schema для WordPress,
Schema.org Metatag для Drupal,
Google Structured Data для Joomla!,
инструкция по настройке Schema.org в Tilda.
Теперь сделать свой сайт более понятным и полезным будет совсем не трудно!
#SchemaOrg #Интернет_маркетинг #Общие_вопросы
Комментарии 1