Микроразметка в SEO

Поисковый робот читает HTML и видит теги: заголовок, абзац, ссылку, картинку. Но по обычной верстке он не понимает смысл. Это товар или статья? Цена или просто число в тексте? Автор или случайное имя?

Микроразметка - это способ явно подсказать поисковику, что означают данные на странице. Робот получает не только текст, но и тип объекта: статья, товар, организация, хлебные крошки.

Типы и свойства описаны в словаре Schema.org. Там собраны готовые схемы: Article, Product, BreadcrumbList, Organization и сотни других. Их поддерживают Google, Яндекс и другие поисковики.

Зачем это разработчику. Поисковик лучше понимает страницу и может показать расширенный сниппет: звезды рейтинга, цену, дату, крошки в выдаче. Такой сниппет заметнее, и по нему чаще кликают.

Форматы разметки

Есть три формата. Самый удобный и распространенный - JSON-LD. Это блок script с типом application/ld+json, который кладут в head или в body.

Посмотрим на пример разметки статьи:

<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "Article",
	"headline": "How to learn SEO",
	"datePublished": "2026-09-12",
	"author": {
		"@type": "Person",
		"name": "John Doe"
	}
}
</script>

Здесь @context указывает на словарь, а @type - на тип объекта. Дальше идут свойства: заголовок, дата, автор.

Article

Тип Article используют для статей, новостей, блогов. Важные свойства: headline, datePublished, author, image.

Пример разметки статьи с картинкой:

<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "Article",
	"headline": "SEO for developers",
	"image": "https://example.com/img.jpg",
	"datePublished": "2026-09-12",
	"author": {
		"@type": "Person",
		"name": "John Doe"
	}
}
</script>

Product

Тип Product нужен для товаров в интернет-магазине. Он позволяет показать в выдаче цену, наличие и рейтинг.

Пример разметки товара:

<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "Product",
	"name": "SEO Book",
	"offers": {
		"@type": "Offer",
		"price": "1500",
		"priceCurrency": "RUB",
		"availability": "https://schema.org/InStock"
	},
	"aggregateRating": {
		"@type": "AggregateRating",
		"ratingValue": "4.8",
		"reviewCount": "120"
	}
}
</script>

BreadcrumbList

Тип BreadcrumbList размечает хлебные крошки - навигационную цепочку от главной страницы до текущей.

Пример разметки крошек:

<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
		{
			"@type": "ListItem",
			"position": 1,
			"name": "Home",
			"item": "https://example.com/"
		},
		{
			"@type": "ListItem",
			"position": 2,
			"name": "SEO",
			"item": "https://example.com/seo/"
		}
	]
}
</script>

Каждый элемент списка имеет позицию position, название name и ссылку item.

Organization

Тип Organization описывает компанию: название, логотип, контакты, соцсети. Его обычно кладут на главную страницу сайта.

Пример разметки организации:

<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "Organization",
	"name": "Example Company",
	"url": "https://example.com/",
	"logo": "https://example.com/logo.png",
	"sameAs": [
		"https://t.me/example",
		"https://vk.com/example"
	]
}
</script>

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

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

Откройте страницу в валидаторе и посмотрите, какие типы найдены и есть ли ошибки. Если ошибок нет - разметка готова к индексации.

Проверить можно и через терминал, запросив страницу и найдя блок application/ld+json:

curl -s https://example.com/ | grep "application/ld+json"

Практические задачи

Расскажите, что такое микроразметка и зачем она нужна поисковику.

Дана верстка страницы статьи:

<article>
	<h1>SEO for developers</h1>
	<p>Published: 2026-09-12</p>
	<p>Author: John Doe</p>
	<p>Text of the article.</p>
</article>

Добавьте в страницу JSON-LD разметку типа Article с заголовком, датой публикации и автором.

Дана верстка карточки товара:

<div class="product">
	<h1>SEO Book</h1>
	<span class="price">1500 RUB</span>
	<span class="stock">In stock</span>
</div>

Добавьте JSON-LD разметку типа Product с названием, ценой и наличием товара.

Дана верстка навигационной цепочки:

<nav>
	<a href="/">Home</a>
	<a href="/seo/">SEO</a>
	<a href="/seo/microdata/">Microdata</a>
</nav>

Добавьте JSON-LD разметку типа BreadcrumbList для этой цепочки.

Расскажите, какие инструменты используются для проверки микроразметки.