Микроразметка сайта в эпоху ИИ: как внедрить Schema.org и Open Graph для нейросетей




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

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

1. Schema.org

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

Важные моменты по настройке микроразметки schema.org:

- Микроразметка начинается с указания нужного формата в отдельном теге, например:

<div itemscope itemtype="https://schema.org/Organization">

- Ссылки на форматы нужно указывать обязательно с протоколом, например, должна быть полная ссылка вида «https://schema.org/Offer», так как Яндекс может не пропустить ссылки вида «//schema.org/Offer»;

- Обычно разметка «текстовых элементов» добавляется с помощью отдельных тегов <span>, например:

<span itemprop="streetAddress">Советская, д. 1</span>

Но можно добавлять параметры и к уже существующим тегам, если их значение точно описывает параметр разметки (например, можно добавить параметры прямо к заголовку H1, так как не рекомендуется добавление внутренних тегов в теги <h1></h1>).

Отдельно отметим формат data-vocabulary.org – это уже несколько устаревший формат, который разрабатывался Google еще до schema.org, его разработка остановлена, поэтому в статье мы не будем его касаться.

Что же можно разметить, используя schema.org? На «типичном сайте» в основном размечают следующие элементы:

- Хлебные крошки;

- Отзывы (в настоящий момент, не поддерживается Яндексом, но поддерживается Google);

- Видео контент;

- Изображения;

- Товары;

- Контакты и информация о компании;

- Новости и статьи;

- Вопросы и ответы.

Рассмотрим более подробно разметку каждого из приведенных выше элементов. Сразу необходимо отметить, что ниже будут описаны не все возможные схемы и параметры разметок, а те, указание которых позволит добиться валидации как в Яндекс, так и в Google, описав все основные и важные свойства объекта.


1.1 Разметка Schema.org для хлебных крошек

Разметив хлебные, крошки можно добиться улучшения читаемости навигационной цепочки в сниппете сайта в поисковой системе.

Для разметки хлебных крошек используется специальный формат https://schema.org/BreadcrumbList.

Пример микроразметки хлебных крошек по данному формату, который проходит валидацию и в Яндекс и в Google:

<ul itemscope itemtype="https://schema.org/BreadcrumbList">

<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">

<a itemprop="item" href="https://site.ru">

<span itemprop="name">Главная</span>

</a>

<meta itemprop="position" content="1" />

</li>

<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">

<a itemprop="item" href="https://site.ru/category/">

<span itemprop="name">Категория</span>

</a>

<meta itemprop="position" content="2" />

</li>

<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">

<link itemprop="item" href="https://site.ru/category/page/">

<span itemprop="name">Текущая страница</span>

<meta itemprop="position" content="3" />

</li>

</ul>


Важно: Как правило, в хлебных крошках последний элемент является названием самой открытой страницы и поэтому не является ссылкой, поэтому в примере заключительный элемент хлебных крошек также не является ссылкой. При необходимости Вы можете настроить и последний фрагмент хлебных крошек в виде ссылки, например, если навигационная цепочка на Вашем сайте не включает в себя название открытой страницы и заканчивается ссылкой на родительский раздел.

Таким образом, для прохождения валидации и в Яндекс и в Google, необходимо указание в разметке хлебных крошек параметров:

- itemListElement – указание разметки https://schema.org/ListItem;

- item – указание разметки https://schema.org/Thing и конкретных ссылок на страницы;

- name – конкретный анкор ссылки;

- position – позиция ссылки в хлебных крошках.

В целом, Вы можете настраивать микроразметку хлебных крошек по приведенному Выше примеру, подставляя свои ссылки, анкоры и при необходимости стили оформления хлебных крошек Вашего сайта.


1.2 Разметка Schema.org для картинок

Для разметки изображений используется специальный формат https://schema.org/ImageObject.

Эта микроразметка позволит улучшить представление сайта в сервисе Яндекс Картинки или Google Картинки.

Пример микроразметки изображений по данному формату, который проходит валидацию и в Яндекс и в Google:

<div itemscope itemtype="https://schema.org/ImageObject">

<img src="https://site.ru" itemprop="contentUrl" alt="Краткое описание для SEO" />

<meta itemprop="name" content="Заголовок изображения" />

<meta itemprop="description" content="Полное описание картинки, которое ИИ использует для понимания контекста." />

<link itemprop="license" href="https://site.ru" />

</div>


Таким образом, в разметке изображений указывается путь к Вашему фото, заголовок-название и описание этой картинки. ИИ обожает структурированные данные, даже если они не видны пользователю. Главное правило — данные в коде не должны противоречить тому, что видит человек.


1.3 Разметка Schema.org для видео материалов

Этот вид микроразметки позволит добавить к сниппетам Вашего сайта элемент видео, который будет ссылкой на плеер для его просмотра, таким образом, значительно улучшиться заметность сайта в выдаче по некоторым запросам.

Для разметки видео контента используется схема https://schema.org/VideoObject.

Пример микроразметки видео ролика, который проходит валидацию и в Яндекс и в Google:

<div itemscope itemtype="https://schema.org/VideoObject">

<iframe src="https://www.youtube.com/embed/ID" width="560" height="315" allowfullscreen></iframe>

<meta itemprop="name" content="Название ролика" />

<meta itemprop="description" content="Описание о чем ролик" />

<meta itemprop="uploadDate" content="2017-11-13T00:00:00" />

<meta itemprop="duration" content="PT4M12S" />

<meta itemprop="isFamilyFriendly" content="true" />

<span itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject">

<link itemprop="contentUrl" href="https://i.ytimg.com/vi/ID/hqdefault.jpg">

</span>

<link itemprop="thumbnailUrl" href="https://i.ytimg.com/vi/ID/hqdefault.jpg" />

<link itemprop="url" href="https://www.youtube.com/watch?v=ID" />

</div>


Используемые параметры:

- iframe src - ссылка на видео;

- name – название ролика;

- description – описание ролика;

- duration – длительность Вашего ролика, именно в формате типа «T4M12S» - TминутыМсекундыS;

- isFamilyFriendly – указание, можно ли смотреть, по сути, детям – либо true (можно), либо false (только для взрослых);

- uploadDate – дата и время загрузки в формате 2017-11-13T00:00:00;

- contentUrl и thumbnail – указание схемы разметки https://schema.org/ImageObject для превью видео;

- thumbnailUrl – это ссылка на картинку-превью видео, для youtube ее можно получить, используя ссылку типа https://i.ytimg.com/vi/ID/hqdefault.jpg, в которой вместо выделенного красным фрагмента нужно поставить идентификатор Вашего видео, как правило, это последний фрагмент в URL видео на youtube.

- Вообще, везде вместо ID в ссылках (они выделены в коде красным) должен быть указан идентификатор Вашего видео на youtube, как правило, это последний фрагмент в URL видео на youtube.


1.4 Разметка Schema.org для вопросов и ответов

Благодаря этой разметке можно получить более качественное описание, которое будет давать прямо в выдаче ответ на конкретный вопрос, указанный в запросе.

Для настройки разметки используются схемы https://schema.org/Question, https://schema.org/Answer.

Пример разметки вопроса и ответа на него, который проходит валидацию и в Яндекс и в Google:

<div itemscope itemtype="https://schema.org/FAQPage">

<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">

<h3 itemprop="name">Как часто нужно обновлять микроразметку?</h3>

<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">

<div itemprop="text">

<p>Микроразметку рекомендуется проверять минимум раз в год, так как стандарты Schema.org и алгоритмы ИИ постоянно развиваются.</p>

</div>

</div>

</div>

</div>


Важно: сегодня необходимо, чтобы все указанные Вами вопросы и ответы были оформлены в общий блок с https://schema.org/FAQPage.

Для этого вида разметки нет большого количества параметров, вопрос оформляется в параметр «name», ответ - в «text».


1.5 Разметка Schema.org для отзывов

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

Для разметки отзывов используется схема https://schema.org/Review.

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

<div itemscope itemtype="https://schema.org/Review">

<link itemprop="url" href="https://site.ru/reviews" />

<div itemprop="author" itemscope itemtype="https://schema.org/Person">

<span itemprop="name">Имя Фамилия</span>

</div>

<meta itemprop="datePublished" content="2019-05-06" />

<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">

<meta itemprop="ratingValue" content="5" />

<meta itemprop="bestRating" content="5" />

</div>

<div itemprop="reviewBody">

<p>Текст отзыва.</p>

</div>

<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization">

<meta itemprop="name" content="Название компании" />

<meta itemprop="telephone" content="+74950000000" />

<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">

<meta itemprop="streetAddress" content="Адрес компании" />

<meta itemprop="addressLocality" content="Москва" />

</div>

</div>

</div>


Используемые параметры:

- первый параметр name содержит ссылку на страницу, где размещен отзыв и название данного отзыва;

- author содержит объявление разметки https://schema.org/Person и указывает того, кто оставил отзыв – ФИО или название компании;

- datePublished – дата публикации отзыва;

- reviewRating – описание рейтинга-оценки данного отзыва;

- ratingValue – конкретная оценка;

- reviewBody – блок текста отзыва;

- Блок описания компании, о которой оставлен отзыв – здесь указываются схемы: https://schema.org/Organization (с параметром name для названия компании), https://schema.org/PostalAddress (с параметрами streetAddress – улица, номер дома, квартира-офис, postalCode - можно указать индекс, addressLocality – город-регион, telephone – номер телефона, email – электронный адрес).


1.6 Разметка Schema.org для контактов и информации о компании

Этот тип микроразметки позволяет улучшить представление сайта в результатах поиска, добавить режим работы, адрес, номер телефона.

Используются схемы https://schema.org/Organization и https://schema.org/PostalAddress.

Пример разметки с информацией о компании, который проходит валидацию и в Яндекс и в Google:

<div itemscope itemtype="https://schema.org/Organization">

<h1 itemprop="name">Название компании</h1>

<link itemprop="logo" href="https://site.ru/logo.jpg" />

<link itemprop="url" href="https://site.ru/about" />

<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">

<meta itemprop="addressCountry" content="RU" />

<span itemprop="addressLocality">Москва</span>

<span itemprop="streetAddress">ул. Примерная, д. 10</span>

<meta itemprop="postalCode" content="123456" />

</div>

<span itemprop="telephone">+7 (495) 000-00-00</span>

<a itemprop="email" href="mailto:info@site.ru">info@site.ru</a>

<link itemprop="sameAs" href="https://vk.com" />

<link itemprop="sameAs" href="https://t.me" />

</div>


Здесь используются следующие параметры:

- name – для указания названия компании;

- logo – ссылка на изображение Вашего логотипа;

- url – указание URL адреса страницы;

- streetAddress – указание адреса, улица, дом;

- addressCountry – местоположение организации, страна;

- addressLocality – местоположение организации, регион;

- postalCode – индекс;

- telephone – номер телефона;

- email – электронный адрес;

- sameAs - крайне важное свойство в настоящее время, это "социальное доказательство" для ИИ. Когда бот видит ссылки на ваши официальные социальные сети в разметке, он объединяет данные о вас в единый Граф Знаний (Knowledge Graph).


1.7 Разметка Schema.org для новостей и статей

Эта микроразметка позволит улучшить представление в результатах поиска информационных страниц – указывать то, что будет показываться в описании, заголовке.

В данном случае используется схема https://schema.org/NewsArticle. В целом, этот тип микроразметки относится к подвиду разметки творческих работ CreativeWork, но подходит для страниц статей и новостей, блога.

Пример разметки статьи, который проходит валидацию и в Яндекс и в Google:

<article itemscope itemtype="https://schema.org/NewsArticle">

<h1 itemprop="headline">Заголовк статьи</h1>

<meta itemprop="genre" content="Категория статьи" />

<link itemprop="mainEntityOfPage" href="https://www.site.ru/this_article_url" />

<meta itemprop="datePublished" content="2015-02-05T08:00:00+03:00" />

<meta itemprop="dateModified" content="2025-02-19T15:00:00+03:00" />

<div itemprop="author" itemscope itemtype="https://schema.org/Person">

<meta itemprop="name" content="Павел Швальгин" />

<link itemprop="url" href="https://www.site.ru/about_author" />

<link itemprop="sameAs" href="https://ratingruneta.ru/agency-ics-media/" />

</div>

<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">

<img itemprop="url contentUrl" src="https://www.site.ru/preview.jpg" alt="Описание картинки превью" />

<meta itemprop="width" content="1200" />

<meta itemprop="height" content="675" />

</div>

<meta itemprop="description" content = "Краткое описание статьи, которое ИИ использует для формирования быстрых ответов">

<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">

<meta itemprop="name" content="Название вашей компании" />

<meta itemprop="telephone" content="+74951111111" />

<meta itemprop="address" content="City">

<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">

<link itemprop="url contentUrl" href="https://www.site.ru/logo.jpg" />

</div>

</div>

<div itemprop="articleBody">

<p>Здесь размещается основной текст вашей статьи...</p>

</div>

</article>


Некоторые пояснения:

- В itemprop="genre" указывается жанр статьи (если трудно выделить жанр, то можно указать, хотя бы «Статья» или «Новость о компании»/«Новость отрасли»).

- В itemprop="author" указывается информация о том, кто является автором статьи или новости (сегодня важно указывать именно конкретного автора, а не просто название компании), здесь же нужно указывать и ссылку на страницу автора на сайте, а также - рекомендуем указывать параметр sameAs со ссылкой на профили автора в социальных сетях и/или трастовых площадках.

- В itemprop="headline указываем название статьи.

- В itemprop="datePublished" рекомендуется указывать дату публикации именно в формате типа «2015-02-05T08:00:00+08:00», так как он поддерживается и Яндекс и Google.

- В itemprop="dateModified" рекомендуется указывать дату обновления именно в формате типа «2015-02-05T08:00:00+08:00» - данная информация сегодня важна при оценке актуальности материала.

- В itemprop="url contentUrl" указывается ссылка на картинку-превью данной статьи (если на сайте проблема с картинками и у статей их нет, то хотя бы логотип добавить можно).

- В блоке itemprop="publisher" указывается разметка с информацией о компании по схеме https://schema.org/Organization, логотип размечен по схеме https://schema.org/ImageObject.


1.8 Разметка Schema.org для товаров

Такой тип микроразметки нужен, чтобы добавить в сниппеты сайта более конкретную информацию о компании – стоимость, описание товара.

Для настройки используются схемы https://schema.org/Product, https://schema.org/Offer.

Пример разметки товара, который проходит валидацию и в Яндекс и в Google:

<div itemscope itemtype="https://schema.org/Product">

<img itemprop="image" src="https://www.site.ru/product_image.jpg" alt="Изображение товара" />

<h1 itemprop="name">Название товара</h1>

<div itemprop="brand" itemscope itemtype="https://schema.org/Brand">

<meta itemprop="name" content="Название бренда" />

</div>

<meta itemprop="description" content="Полное описание товара для ИИ-фильтров" />

<meta itemprop="sku" content="12345" />

<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">

<link itemprop="url" href="https://www.site.ru/catalog/tovar" />

<meta itemprop="priceCurrency" content="RUB" />

<meta itemprop="priceValidUntil" content="2026-12-31" />

<meta itemprop="price" content="1000.00" />

<p>Цена: 1000 руб.</p>

<link itemprop="availability" href="https://schema.org/InStock" />

<span>В наличии</span>

<link itemprop="itemCondition" href="https://schema.org/NewCondition" />

</div>

</div>


Нужно отметить, что цена в сниппете не показывается, если в Offer в свойстве availability указано, что товара нет в наличии.

Используемые параметры:

- itemprop="image" – указывается фото товара;

- itemprop="brand" – указывается название бренда;

- itemprop = "name" – указывается название товара;

- itemprop="description" – указывается описание товара;

- itemprop="url" – указывается URL страниц товара;

- itemprop = "price" – здесь указывается цена товара, причем важно, чтобы в блоке данного параметра была указано только цифра;

- сегодня важно разделять в микроразметке новые и БУ товары - в нашем примере мы показываем, что товар новый, указав https://schema.org/NewCondition. Если же у Вас БУ товар, то указывайте https://schema.org/UsedCondition.

- itemprop="availability" – указывается наличие товара (если не в наличии, то нужно указать https://schema.org/OutOfStock).


2. Open Graph

Этот стандарт микроразметки нужен для того, чтобы превью сайта, которое появляется при размещении ссылки в социальных сетях, было более привлекательным.

Сразу нужно отметить, что этот стандарт микроразметки, так как он, по сути, представляет собой описание отображения ссылки для социальных сетей, описывает страницу полностью, а не конкретные ее фрагменты.

Можно выделить следующие основные значения типов разметки:

- website – услуги, коммерческие страницы;

- article – информационные страницы;

- product – для товаров;

- video.movie/video.tv_show/video.other – видео фильм, шоу, прочее видео и т.д.

Эти значения проставляются в параметр og:type.

Также, часто используются следующие параметры:

- og:title – название страницы, которое будет отображаться в представлении сайта;

- og:description – описание страницы, которое будет отображаться в представлении сайта;

- og:image – URL картинки, которая будет отображаться;

- og:url – URL самой страницы;

- og:site_name – название сайта/компании;

- og:site – домен типа;

- og:type:article:section – можно использовать для указания категории конкретной статьи.

Если разметка описывает видео, то можно использовать следующие параметры:

- og:video – URL видео на сервере;

- video:duration – длительность видео в секундах;

- ya:ovs:upload_date – дата загрузки в формате «2017-11-13»;

- ya:ovs:adult – только для взрослых или нет (true/false);

- og:video:type – тип самого видео, например, «application/x-shockwave-flash».


Пример настройки разметки для информационных страниц, который проходит валидацию и в Яндекс и в Google:

<meta property="og:title" content="Название страницы" />

<meta property="og:description" content="Текст превью (до 160-200 символов)" />

<meta property="og:url" content="https://www.site.ru/page_url" />

<meta property="og:type" content="article" />

<meta property="og:site_name" content="Название вашего сайта" />

<meta property="og:image" content="https://www.site.ru/images/image_preview.jpg" />

<meta property="og:image:width" content="1200" />

<meta property="og:image:height" content="630" />

<meta property="og:article:section" content="Категория статьи" />

<meta property="og:article:published_time" content="2025-02-19T15:00:00+03:00" />

<meta property="og:article:author" content="Павел Швальгин" />


Пояснение к некоторым параметрам:

- в url указываем URL адрес конкретной страницы;

- обратите внимание, что для image мы указываем не только ссылку на картинку, но и ширину, и высоту - ИИ сегодня "любят" указание размеров. Если у Вашей страницы нет отдельного изображения, то можно указать хотя бы ссылку на логотип;

- параметры article:section, article:published_time, article:author мы указали с префиксом "og:", чтобы обеспечить "одобрение" валидатора Яндекс.


Пример настройки разметки для страницы товара, который проходит валидацию и в Яндекс и в Google:

<meta property="og:type" content="product" />

<meta property="og:title" content="Название товара N" />

<meta property="og:description" content="Краткое писание товара" />

<meta property="og:url" content="https://www.site.ru/product_page" />

<meta property="og:site_name" content="Название магазина/компании" />

<meta property="og:image" content="https://www.site.ru/images/image_product.jpg" />

<meta property="og:image:width" content="1200" />

<meta property="og:image:height" content="630" />

<meta property="og:product:price:amount" content="1000.00" />

<meta property="og:product:price:currency" content="RUB" />

<meta property="og:product:availability" content="instock" />

<meta property="og:product:condition" content="new" />


Большая часть параметров здесь аналогична прошлому примеру, исключение составляет:

- в качестве type мы указываем product;

- в og:product:price:amount указываем стоимость товара;

- в og:product:price:currency нужно поставить вариант валюты;

- параметр og:product:availability нужен для указания наличия товара, instock - в наличии, oos - если нет в наличии;

- в og:product:condition указывается состояние товара: new - если новый, used - если БУ.

Пример настройки разметки для страницы с видео, который проходит валидацию и в Яндекс и в Google:

<meta property="og:title" content="Название видеоролика" />

<meta property="og:description" content="Краткое описание содержания видео для ИИ-превью." />

<meta property="og:url" content="https://www.site.ru/current_page" />

<meta property="og:type" content="video.movie" />

<meta property="og:image" content="https://img.youtube.com/vi/W4XrivKvhHI/hqdefault.jpg" />

<meta property="og:image:width" content="1280" />

<meta property="og:image:height" content="720" />

<meta property="og:video" content="https://youtu.be/W4XrivKvhHI" />

<meta property="og:video:type" content="text/html" />

<meta property="og:video:width" content="1280" />

<meta property="og:video:height" content="720" />

<meta property="video:duration" content="256" />

<meta property="video:release_date" content="2017-11-13T00:00:00+03:00" />

<meta property="og:video:tag" content="Ключ-тег 1, подходящий видео" />

<meta property="og:video:tag" content="Ключ-тег 2, подходящий видео" />

<meta property="ya:ovs:upload_date" content="2017-11-13"/>

<meta property="ya:ovs:adult" content="false"/>


Важный момент заключается в том, что чтобы пройти валидацию разметке видео, необходимо добавление в тег <html> специального префикса, например:

<html prefix="og: http://ogp.me/ns#

video: http://ogp.me/ns/video#">


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

- video:duration - нужно указать длительность видео в секундах;

- в video:release_date указывается дата и время публикации видео в формате, как в примере выше;

- og:video:tag - в этих параметрах можно задать ключевые слова, подходящие видео;

- ya:ovs:upload_date и ya:ovs:adult нужны для прохождения валидации Яндекс, первый отвечает за дату загрузки видео, второй - можно ли смотреть несовершеннолетним.

Пример разметки для остальных страниц сайта, которые не подходят к прошлым категориям

<meta property="og:type" content="website" />

<meta property="og:title" content="Заголовок страницы" />

<meta property="og:description" content="Описание страницы, которое увидят пользователи в превью ссылок." />

<meta property="og:url" content="https://www.site.ru/page_url" />

<meta property="og:site_name" content="Название вашего сайта" />

<meta property="og:image" content="https://www.site.ru/image_url.jpg" />

<meta property="og:image:width" content="1200" />

<meta property="og:image:height" content="630" />

<meta property="og:locale" content="ru_RU" />


В данном примере никаких новых параметров не появляется. Главное - мы указываем в качестве type значение website.


3. JSON-LD

Такой тип разметки использует все те же форматы разметки schema.org, часть которых уже была описана выше. Разница заключается в том, что JSON описывается разово в блоке <head></head> страницы сайта и, таким образом, описывает страницу целиком, а не конкретные блоки контента/элементы страницы, как это делает просто разметка schema.org.

Есть важный момент по использованию этого вида разметки в Яндекс: «данные, размеченные с помощью JSON-LD, используются Яндекс.Почтой, но пока не отображаются в результатах поиска Яндекса» (https://yandex.ru/support/webmaster/json-ld/about.html). Однако это не значит, что теперь можно не обращать внимание на прохождение валидации этой разметки в Яндекс, лучше сразу позаботиться об успешной валидации JSON разметки в обеих поисковых системах.

Разметка настраивается в отдельных тегах:

<script type="application/ld+json">

{

CODE

}

</script>


Как уже было указано выше, данный формат использует схемы разметки schema.org, например, часто используются следующие:

- LocalBusiness – для описания контактов, страницы о компании;

- Article – для описания информационных страниц/страниц с обычным контентом, где нельзя настроить товарное предложение;

- Organization – для описания информации о компании;

- ImageObject – для описания изображения;

- Person – для указания авторства;

- Product – для описания товарных страниц;

- Offer – для описания товарных страниц;

- InStock – для указания наличия товара.

Пример разметки информации о компании и контактов, который проходит валидацию и в Яндекс и в Google:

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "LocalBusiness",

"name": "Название компании",

"image": "https://www.site.ru/images/image.png",

"logo": "https://www.site.ru/logo.jpg",

"@id": "https://www.site.ru/#organization",

"url": "https://www.site.ru/page_url",

"telephone": "+74951111111",

"email": "info@site.ru",

"priceRange": "RUB",

"address": {

"@type": "PostalAddress",

"streetAddress": "ул. Улица, д. 1",

"addressLocality": "Город",

"addressRegion": "Регион",

"postalCode": "111111",

"addressCountry": "RU"

},

"geo": {

"@type": "GeoCoordinates",

"latitude": "55.9743016",

"longitude": "37.6687208"

},

"openingHoursSpecification": [

{

"@type": "OpeningHoursSpecification",

"dayOfWeek": [

"Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"

],

"opens": "09:00",

"closes": "18:00"

}

],

"sameAs": [

"https://ratingruneta.ru/agency-ics-media/"

],

"description": "Краткое описание компании для ИИ-ассистентов."

}

</script>


Несколько пояснений по параметрам:

- В блоке «GeoCoordinates» указываются координаты долготы и широты местоположения;

- В блоке «sameAs» указываются другие представительства компании в Интернет, например, группы в социальных сетях;

- postalCode – это почтовый индекс;

- openingHours – это информация о режиме работы.

- @id — уникальный цифровой компании. Он помогает ИИ связать воедино информацию о бренде, его товарах и статьях из разных источников, формируя общую авторитетность (E-E-A-T);

- priceRange — ценовой диапазон компании (например, "$$" или "RUB"). Позволяет ИИ правильно фильтровать ваши услуги по запросам пользователей "недорого" или "премиум";

- addressCountry — двухбуквенный код страны (например, RU). Критически важен для глобальных ИИ-систем, чтобы точно определить географическую принадлежность бизнеса;

- openingHoursSpecification — расширенный формат режима работы. В отличие от простого текста, он позволяет умным колонкам и навигаторам точно отвечать на вопрос: "Открыта ли компания прямо сейчас?".


Пример разметки товарной страницы, который проходит валидацию и в Яндекс и в Google:

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "Product",

"name": "Название товара",

"image": "https://www.site.ru/images/photo_tovara.jpg",

"description": "Описание товара для формирования ИИ-ответов.",

"url": "https://www.site.ru/catalog/product",

"sku": "SKU-12345",

"brand": {

"@type": "Brand",

"name": "Название бренда"

},

"offers": {

"@type": "Offer",

"url": "https://www.site.ru/catalog/product",

"priceCurrency": "RUB",

"price": "5000.00",

"priceValidUntil": "2026-12-31",

"availability": "https://schema.org/InStock",

"itemCondition": "https://schema.org/NewCondition"

}

}

</script>


Несколько пояснений по параметрам:

- url – это URL конкретной страницы;

- availability – наличие (выше для schema.org указывалось, какую схему нужно проставить в случае, если товар не в наличии);

- price – цены, обязательно должна быть только цифра;

- priceValidUntil – до какого периода актуальна цена;

- itemCondition - указание новый товар (https://schema.org/NewCondition) или БУ (https://schema.org/UsedCondition);

- sku - уникальный идентификатор товара, например, артикул;

- priceCurrency – валюта цены.


Пример разметки страницы статьи, который проходит валидацию и в Яндекс и в Google:

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "Article",

"mainEntityOfPage": {

"@type": "WebPage",

"@id": "https://www.site.ru/article_page#type_article"

},

"headline": "Название статьи",

"image": {

"@type": "ImageObject",

"url": "https://www.site.ru/images/image_preview.jpg",

"width": 1200,

"height": 800

},

"datePublished": "2015-02-05T08:00:00+03:00",

"dateModified": "2025-02-19T17:40:00+03:00",

"author": {

"@type": "Person",

"name": "Павел Швальгин",

"url": "https://www.site.ru/about_author",

"sameAs": [

"https://ratingruneta.ru/agency-ics-media/"

]

},

"publisher": {

"@type": "Organization",

"name": "Название компании",

"logo": {

"@type": "ImageObject",

"url": "https://www.site.ru/logo.jpg"

}

},

"description": "Краткий анонс статьи",

"articleBody": "Полный текст статьи без HTML и оформления или хотя бы краткая выжимка основной сути статьи"

}

</script>


Несколько пояснений по параметрам:

- datePublished/dateModified – дата публикации/последней модификации статьи;

- @id — уникальный «паспорт» страницы. Мы добавляем #type_article к ссылке, чтобы ИИ не путал саму страницу (как документ) с информацией, которая на ней описана;

- насчет articleBody - дублирование текста в articleBody — это не ошибка, а услуга для ИИ. Вы помогаете нейросетям быстрее и точнее "проглотить" контент. Никакого наказания за дублирование ну будет, так как поисковики понимают, что микроразметка - это отражение контента страницы, поэтому они не считают это "дублем" в негативном смысле;

- height/width – можно указать размеры картинки статьи.


Пример настройки прочих страниц (например, страницы услуг, на которых нельзя настроить товарную разметку, статичные страницы и т.д.):

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "WebPage",

"@id": "https://www.site.ru/page_url#webpage",

"url": "https://www.site.ru/page_url",

"name": "Название страницы",

"description": "Краткое описание того, о чем эта страница.",

"publisher": {

"@type": "Organization",

"@id": "https://www.site.ru/about#organization"

},

"lastReviewed": "2025-02-19T18:00:00+03:00",

"mainEntity": {

"@type": "Service",

"name": "Название услуги",

"description": "Подробное описание того, что вы предлагаете."

}

}

</script>


Краткие пояснения к параметрам:

- @type: WebPage — сообщает поисковику, что это стандартная страница сайта (услуга, «О компании» и т.д.), а не новость или карточка товара. Это исключает ошибки классификации;

- @id — уникальный «паспорт» страницы. Мы добавляем #webpage к ссылке, чтобы ИИ не путал саму страницу (как документ) с услугой, которая на ней описана;

- lastReviewed — дата последней проверки контента экспертом. Для ИИ это важнейший сигнал актуальности и достоверности ваших данных (фактор Trust);

- mainEntity — указывает на главный объект страницы. С его помощью мы «вкладываем» описание конкретной услуги (Service) прямо в код страницы;

- publisher — ссылка на вашу организацию через её уникальный ID (#organization). Это связывает текущую страницу с вашим брендом и его общей авторитетностью.


Заключение

Итак, выше были рассмотрены три основных формата микроразметок (Schema.org, Open Graph, JSON LD), которые позволяют улучшить представление сайта в поисковых системах и социальных сетях и, тем самым, косвенно повлиять на улучшение поведенческих факторов ранжирования.

В 2026 году микроразметка стала фундаментом для GEO и AEO продвижения. О том, как подготовить весь сайт к требованиям нейросетей, читайте в нашем техническом чек-листе.

Читайте также:

- Актуальный код микроразметки поиска;

- Как настроить lowPrice и highPrice;

- Примеры разметки FAQPage, HowTo, Q&A;

- Отдельный полный код разметки товара.


Другие статьи в данном разделе:

Расскажите нам о вашем проекте
вверх