Микроразметка - это разметка контента на страницах веб-сайтов, которая позволяет подтягивать размеченную информацию в сниппеты страниц в поисковой выдаче.
Для страниц товаров и услуг используется микроразметка https://schema.org/Product.
Что можно разметить микроразметкой Product
На страницах интернет-магазинов можно разметить следующую информацию:
- Название товара
- Фото товара
- Описание товара
- Стоимость
На страницах услуг можно разметить:
- Название услуги
- Описание услуги
- Стоимость
При попадании страницы в топ-10 поисковых систем, контент, размеченный микроразметкой https://schema.org/Product, подтянется в сниппет по усмотрению поисковых систем (сниппеты формируются на основании алгоритмов поисковых систем).
Как выглядит сниппеты с микроразметкой
В сниппет подтягивается дополнительный контент, который размечен микроразметкой.
Пример кода микроразметки Product
Ниже приведен готовый код микроразметки:
Пример микроразметки schema.org Product в в html
<div itemscope itemtype="https://schema.org/Product">
<h1 itemprop="name">Название товара</h1>
<span itemprop="description">Описание товара</span> <img src="URL изображения" itemprop="image">
<div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
<span itemprop="price">Стоимость</span>
<span itemprop="priceCurrency">RUB</span>
<div>Статус о наличии товара</div>
</div>
</div>
Пример микроразметки schema.org Product в JSON
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Название товара",
"image": "Ссылка на фото товара",
"description": "Описание товара",
"brand": {
"@type": "Brand",
"name": "Название бренда"
},
"offers": {
"@type": "Offer",
"priceCurrency": "RUB",
"price": "1000",
"url": "Адрес страницы",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
}
}
</script>
Ознакомиться с другими видами микроразметки и найти примеры можно в статье - https://seo-notes.ru/primer-microrazmetky-schema-org