Микроразметка — это способ размещения дополнительной информации для лучшей индексации контента на страницах веб-сайта. Она использует специализированный синтаксис для аннотирования элементов на странице, таких как авторы, даты публикаций, организации, товары и другие типы данных. Это улучшает видимость сайта в поисковых системах и повышает его удобство для пользователей.
Микроразметка улучшает понимание контента сайта поисковыми системами и способствует повышению рейтинга сайта в поисковой выдаче. Она позволяет создавать привлекательные сниппеты для пользователей поисковых систем, включая рейтинги, цены, наличие товара и многое другое, что напрямую влияет на кликабельность ссылок. Кроме того, она играет ключевую роль в структурировании данных для голосовых поисковых запросов, что крайне важно в эру использования голосовых ассистентов.
Микроразметка помогает поисковым системам распознавать информацию об организации, включая название, логотип, контактную информацию и социальные профили. Вот пример разметки для сайта schema.org.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Название компании",
"url": "https://www.example.com",
"logo": "https://www.example.com/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-800-555-1212",
"contactType": "customer service"
}
}
</script>
Микроразметка на сайте интернет-магазина включает в себя цены товаров, наличие, оценки и отзывы. Это не только повышает видимость товаров в поисковой выдаче, но и способствует лучшему пониманию предложения товара.
<div itemscope itemtype="https://schema.org/Product">
<span itemprop="name">Название товара</span>
<img src="url_изображения" alt="описание" itemprop="image">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">Цена</span>
<meta itemprop="priceCurrency" content="RUB">
<link itemprop="availability" href="https://schema.org/InStock">В наличии
</div>
</div>
Для сайтов с рецептами микроразметка может включать время приготовления, количество порций, список ингредиентов и количество калорий. Это облегчает пользователям поиск нужных рецептов.
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">Название рецепта</span>
<span itemprop="prepTime" content="PT20M">Время подготовки: 20 минут</span>
<span itemprop="cookTime" content="PT30M">Время приготовления: 30 минут</span>
<span itemprop="recipeYield">Количество порций: 4</span>
<!-- Дополнительные данные о рецепте -->
</div>
Краткая пошаговая инструкция, как добавить микроразметку на сайт: