
Вы когда-нибудь задумывались, как поисковые системы понимают, что именно написано на сайте? Почему в результатах поиска одни страницы показываются с красивыми карточками товаров, рейтингами и фотографиями, а другие выглядят как обычные ссылки? Весь секрет – в микроразметке.
Микроразметка – это небольшие дополнения в коде сайта, которые помогают поисковым системам разобраться, что у вас на странице: статья, товар, рецепт, компания или что-то ещё.
Зачем она нужна?
- Сайты с микроразметкой заметнее в поиске – пользователь сразу видит цену товара, рейтинг или дату публикации статьи.
- Больше кликов – больше посетителей – если ваш сайт выделяется в поиске, на него заходят чаще.
- Поисковые системы быстрее понимают, о чём ваш сайт – это может повлиять на ранжирование в выдаче.
Без микроразметки поисковик просто видит текст. А с ней – сразу понимает, где заголовок, кто автор, сколько стоит товар и есть ли он в наличии.
Как работает микроразметка?
Добавлять её можно прямо в 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>
Теперь поисковая система знает, что у вас есть рейтинг и количество отзывов, и может показать эти данные в поиске.
Как проверить микроразметку?
После добавления разметки важно убедиться, что всё работает правильно. Для этого существуют специальные инструменты, где можно вставить ссылку на сайт или отрывок кода, и система покажет, какие данные распознаются.
Советы по микроразметке
- Используйте только нужные данные – не добавляйте все подряд, выбирайте только важные элементы.
- Не придумывайте рейтинг – если у вас нет отзывов, поисковик может наказать за обман.
- Проверяйте код перед публикацией – ошибки в микроразметке могут сделать ее бесполезной.
- Следите за обновлениями – поисковые системы периодически меняют требования к разметке.
Заключение
Добавлять микроразметку – несложно, а польза от неё огромная. Она помогает сайту выглядеть лучше в поиске, делает информацию понятнее и привлекает больше посетителей. Если хотите, чтобы ваш сайт выделялся среди конкурентов, микроразметка – это обязательный элемент.