Вы когда-нибудь задумывались, как поисковые системы понимают, что именно написано на сайте? Почему в результатах поиска одни страницы показываются с красивыми карточками товаров, рейтингами и фотографиями, а другие выглядят как обычные ссылки? Весь секрет – в микроразметке.
Микроразметка – это небольшие дополнения в коде сайта, которые помогают поисковым системам разобраться, что у вас на странице: статья, товар, рецепт, компания или что-то ещё.
Без микроразметки поисковик просто видит текст. А с ней – сразу понимает, где заголовок, кто автор, сколько стоит товар и есть ли он в наличии.
Добавлять её можно прямо в HTML-код с помощью Microdata – это специальная разметка, которая добавляет к элементам страницы атрибуты вроде itemprop (свойство), itemscope (объект) и itemtype (тип объекта).
Пример:
<article itemscope itemtype=»http://schema.org/Article»>
<h1 itemprop=»headline»>Как добавить микроразметку</h1>
<p>Автор: <span itemprop=»author»>Иван Иванов</span></p>
<time itemprop=»datePublished» datetime=»2025-01-29″>29 января 2025</time>
<p itemprop=»description»>Объясняем, зачем нужна микроразметка и как её использовать.</p>
</article>
Теперь поисковик знает, что перед ним статья, а не просто случайный текст. Он видит заголовок, автора, дату публикации и описание.

Если у вас интернет-магазин, микроразметка может показать в поиске цену, наличие и даже рейтинг.
<div itemscope itemtype=»http://schema.org/Product»>
<h2 itemprop=»name»>Смартфон SuperPhone X</h2>
<p itemprop=»description»>Современный смартфон с мощной батареей и камерой.</p>
<p>Цена: <span itemprop=»price»>49 990</span> ₽</p>
<meta itemprop=»priceCurrency» content=»RUB»>
</div>
Поисковик поймет, что это товар, его название, описание и стоимость.
Если у вас есть бизнес (кафе, магазин, сервис), микроразметка поможет добавить информацию в поиск и карты.
<div itemscope itemtype=»http://schema.org/Organization»>
<h2 itemprop=»name»>Кафе «Вкусно и точка»</h2>
<p>Адрес: <span itemprop=»address»>Москва, ул. Центральная, 10</span></p>
<p>Телефон: <span itemprop=»telephone»>+7 900 123-45-67</span></p>
<p>Сайт: <a href=»https://example.com» itemprop=»url»>example.com</a></p>
</div>
Теперь поисковик знает, как называется заведение, где оно находится и как с ним связаться.
Хотите, чтобы рядом с вашим товаром в поиске отображались звёздочки? Добавьте разметку отзывов.
<div itemscope itemtype=»http://schema.org/AggregateRating»>
<p>Рейтинг: <span itemprop=»ratingValue»>4.5</span> из 5</p>
<p>Количество отзывов: <span itemprop=»reviewCount»>120</span></p>
</div>
Теперь поисковая система знает, что у вас есть рейтинг и количество отзывов, и может показать эти данные в поиске.

После добавления разметки важно убедиться, что всё работает правильно. Для этого существуют специальные инструменты, где можно вставить ссылку на сайт или отрывок кода, и система покажет, какие данные распознаются.
Добавлять микроразметку – несложно, а польза от неё огромная. Она помогает сайту выглядеть лучше в поиске, делает информацию понятнее и привлекает больше посетителей. Если хотите, чтобы ваш сайт выделялся среди конкурентов, микроразметка – это обязательный элемент.