Для хорошего отображения сниппета в выдаче поисковых систем используются специальные теги, размечающие страницу сайта по элементам, или по другому внедрение микроразметки. Но псоле процесса внедрения необходимо проверить микроразметку, как это сделать читайте в статье.
Содержание
- Проверить на наличие микроразметки в Google
- Проверка schema org на сайте Яндекс
- Проверка Open graph онлайн
- Проверка хлебных крошек
- Почему сниппет не обновился после установки микроразметки
Проверить на наличие микроразметки в Google
Для валидации разметки Google сделали сервис–валидатор, находится здесь. Переходите, вводите адрес проверяемой страницы либо исходный код для проверки и нажимаете запустить тест.
Запустится процесс, по окончанию теста появится результат работы в правом окошке. Если ошибок структурированных данных нет, то предупреждающих надписей не будет, в моем случае в каждом блоке записей на главной нет логотипа или фавикона.
- В правой части отображены ошибки, нажимаем любую
- В левой области место в исходном коде
Проверка в гуле более строгая чем у других сервисов, любое нарушение конструкции выдает предупреждение.
Проверка schema org на сайте Яндекс
Проверка наличя микроразметки в Яндексе не отличается от Гугла, входим на страницу вебмастера https://webmaster.yandex.ru/tools/microtest/ и вводим url ресурса или часть кода.
Видим Яндекс тоже нашел ошибку и вывел предупреждение, нужно исправлять. В приоритете всегда Schema org, но и другие типы поддерживают валидаторы:
- Open Graph;
- Микроданные;
- RDFa.
- Микроформаты;
При создании вирусного контента на блоге нужно позаботится о наличии семантической микроразметки Open graph, созданная в начале для Facebook*, но сейчас используют многие сервисы. Предлагаю онлайн сервисы:
- Seolik – работает быстро, но дает меньше информации
- A.pr-cy.ru/tools – выводит больше текста и картинку превью, но временами зависает
На любом варианте вводите url записи и смотрите есть ли open graph в коде.
На проверяемом блоге теги присутствуют, без предупреждений.
Проверка хлебных крошек
Частый вопрос читателей, как проверить есть ли навигационная цепочка хлебных крошек и правильно они обрабатываются. Вводим в вебмастере яндекса (ссылка выше) адрес, смотрим отчет.
Необходимо найти строчку breadcrumblist если размечено с помощью shema org. На снимке видно – хлебные крошки есть, без предупреждений.
Для надежности проверяем в Google. Советую не забывать про правильный sitemap xml. Для более визуального представления процесса приложу свое видео.
Почему сниппет не обновился после установки микроразметки
Вебмастера новички наивно думают что после внедрения структурированных данных, сниппеты всех статей в поисковой выдаче мгновенно преобразуются.
Нет, поисковой робот оценит SEO документа, полезность и только спустя минимум 2 недели может переделать сниппет записи в выдаче. Но этого может не случится, поведение алгоритмов неизвестны.
Закончу статью, разобрали как проверить микроразметку с помощью нескольких онлайн инструментов.
* Facebook — признан экстремистской организацией и запрещен на территории РФ.
Пожалуйста, оцените материал:
Программисты сейчас обиделись, а не надо. Они же попробуют справиться без вас, а потом придут к вам же с просьбой починить все, что поломалось в процессе. Шутка. Почти.
Рассказываем о словаре и синтаксисе микроразметки, собрали несколько плагинов и инструментов для создания и проверки разметки, разобрали по шагам один из плагинов.
Рассказываем о том, зачем нужна разметка Schema.org, что она из себя представляет и как ее создавать без знания кода.
Зачем нужна микроразметка
Schema.org — стандарт семантической разметки данных, который помогает поисковикам лучше понимать данные, представленные на сайте. Например, с помощью разметки можно явно указать поисковым роботам, что на странице site.ru/product_page1 находится товар, и передать основные параметры: название, цену, артикул, производителя и т.д. На основе этих данных поисковики формируют расширенные сниппеты в поисковой выдаче.
Кроме Schema.org есть другие виды микроразметок. У них разные назначения, поэтому вкратце приведем свойства основных видов, чтобы не путать:
- Open Graph. Микроразметка Facebook, используется для настройки правильного отображения публикации в соцсетях при репосте статьи с вашего сайта (заголовок, описание, правильная картинка). Изначально разметка была создана для Facebook, сейчас поддерживается и другими соцсетями и мессенджерами (ВКонтакте, Твиттер, Телеграм и т.д.).
- Микроформаты. Разработка W3C, создан в 2007 году. Подходит для разметки товаров, отзывов, контактной информации и других видов контента. Раньше использовался более активно, сейчас имеет ряд недостатков, недостаточно быстро развивается и уступает Schema.org.
- Dublin Core. Этот словарь разметки используют библиотеки и музеи — позволяет описывать книги и музейные экспонаты.
Разница между словарем и синтаксисом
Словарь — это набор классов и свойств, которые описывают тип содержимого страницы и передают ключевую информацию. Словарь можно сравнить с языком — например, английским. Schema.org, Open Graph, Dublin Core — все это словари.
Синтаксис — это способ указания сущностей и свойств словаря в html-коде страниц сайтов. Если словарь — это английский язык, то синтаксис можно сравнить с латиницей.
Варианты синтаксиса, которые применяются для разметки Schema.org:
- микроданные;
- микроформаты;
- RDFa;
- JSON-LD.
Подробнее о том, какой синтаксис лучше, поговорим чуть позже.
Чем различаются сайты с разметкой и без нее
Сайты с реализованной микроразметкой видно по сниппетам на странице поисковой выдачи. Вот пример: в выдаче два сниппета с одного и того же сайта, первый — с микроразметкой, второй — без нее.
А так выглядит сниппет страницы с афишей кинофильмов, если на странице есть микроразметка:
С помощью микроразметки в сниппетах страниц товаров отображаются цены:
И еще один пример: в первом сниппете реализована микроразметка хлебных крошек, а во втором такой разметки нет:
Больше информации о разметке Schema.org, а также перечень поддерживаемых сущностей — в справке Яндекса.
А здесь — виды расширенных результатов поиска в Google (отображаются для сайтов с реализованной микроразметкой).
Что говорят поисковики
Яндекс и Google советуют вебмастерам и оптимизаторам внедрять микроразметку. Основная мотивация: внедрение микроразметки улучшает сниппет визуально, а также повышает качество поиска (поисковые роботы лучше понимают содержимое сайта, на страницах которого реализована семантическая разметка данных).
Модуль SEO в системе Promopult: все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов. Гарантии, оплата работ в рассрочку. (С разметкой тоже поможем).
Чем еще полезна микроразметка
Микроразметка выгодно выделяет ваш сниппет в поисковой выдаче на фоне конкурентов (если у них разметки нет или реализовано меньше фич). Даже если вы показались в выдаче ниже конкурентов, вы можете получить столько же кликов, а то и больше: ваш сниппет занимает больше места, содержит больше полезной информации для пользователя.
И тут срабатывает такая цепочка: привлекательный сниппет → больше пользователей кликают и переходят на сайт → улучшаются поведенческие факторы → вы ранжируетесь лучше и поднимаетесь в выдаче.
Также микроразметку используют собственные сервисы поисковиков — например, страница с реализованной разметкой может попасть в колдунщики на поисковой выдаче (при этом сам сайт не обязательно должен быть в ТОПе выдачи).
Словарь Schema.org
Словарь микроразметки состоит из сущностей (например, Продукт) и свойств, которые описывают параметры сущности (SKU, цена, наличие и т.д.).
Весь список сущностей и документация — на официальном сайте schema.org.
На скриншоте — часть сущностей (слева) и свойств сущности Thing (в правой части скриншота)
Рассказывать о всех сущностях не будем, приведем примеры самых популярных:
- Product — сущность, которая используется для разметки любого товара или услуги. Например, пара кроссовок, билет на концерт, аренда автомобиля и т.д. У сущности этого типа есть много свойств, которые позволяют передать больше информации о товаре/услуге: название, рейтинг, бренд, цвет, категорию, ширину, высоту, вес, SKU и т.д.
- Event (событие). Сущность для описания событий, происходящих в определенное время и в определенном месте: концерт, лекция, фестиваль и т.д. Также в Schema.org есть более специфичные типы сущностей Event для разных видов событий. Например, бизнес события (BusinessEvent), фестиваль (Festival), спортивное событие (SportsEvent).
- Recipe — для разметки рецептов. С помощью свойств сущности можно разметить время приготовления, калорийность, перечень ингредиентов, пошаговую инструкцию.
- Review (отзывы). Свойства сущности — рейтинг и «тело» отзыва.
Оптимальный синтаксис
Мы уже упоминали о том, что для Schema.org подходят четыре вида синтаксиса:
- RDFa;
- микроформаты;
- микроданные;
- JSON-LD.
Первые три имеют ряд недостатков и теряют популярность, а последний (JSON-LD) — используется все чаще.
Google рекомендует использовать именно JSON-LD — он более простой и компактный, в отличие от RDFa, микроформатов и других синтаксисов.
Но есть проблема: Яндекс пока не поддерживает синтаксис JSON-LD на поиске (хотя использует его в Яндекс.Почте). Поэтому, если вы продвигаетесь в Рунете (а скорей всего так и есть), вам этот синтаксис нет смысла использовать. В таком случае ваш выбор — микроданные или RDFa (микроформаты тоже вариант, но их используют не так часто — этот синтаксис имеет ряд ограничений и устарел по сравнению с другими стандартами).
Если ваш продукт или бизнес направлен на западный сегмент интернета и Google для вас в приоритете — используйте JSON-LD.
JSON-LD
Теперь о деталях. Поговорим о том, как выглядит синтаксис и какие правила в нем действуют.
JSON-LD в базовом виде выглядит так:
<script type="application/ld+json">
{
//здесь помещаются элементы
}
</script>
Эта конструкция — своего рода каркас, который всегда есть по умолчанию (как теги <html>, <head> и <body> в структуре любой html-страницы). Внутри каркаса размещается непосредственно код микроразметки, который содержит необходимые данные: сущность, свойства и их значения.
Вот как выглядит разметка
<script type="application/ld+json">
{
"@context": "https://schema.org/", //здесь указывается словарь разметки — Schema.org
"@type": "Product", //объявляется сущность — товар
"name": "iPhone", // свойство — название товара
"image": "https://site.ru/iphone10.png", // URL изображения товара
"description": "iPhone 10", // описание
"brand": "Apple", // бренд-производитель
"aggregateRating": { //рейтинг товара
"@type": "AggregateRating",
"ratingValue": "5", //средняя оценка
"ratingCount": "56" //количество пользовательских оценок
}
}
</script>
Обратите внимание! Наличие микроразметки не гарантирует того, что в поиске будет выводиться расширенный сниппет со всеми данными, указанными в разметке. Тем не менее, поисковые роботы все равно будут учитывать переданные данные и смогут лучше понимать содержимое страницы.
Как делать разметку JSON-LD
Ручная разметка в JSON-LD (да и в любом другом синтаксисе) — рутинная задача, отнимает много времени и всегда остается риск допустить ошибку. Упростить задачу можно с помощью генераторов JSON-LD, вот несколько популярных:
- technicalseo.com — простой генератор, в котором можно разметить наиболее часто используемые сущности (Статья, Хлебные крошки, Событие, FAQ-страница, Товар и т.д.). Выберите нужную сущность из выпадающего списка и укажите нужные значения свойств.
- schemaapp.com — продвинутый инструмент для профессионалов (платный, есть 14-дневный пробный период). Поддерживает все сущности Schema.org.
- hallanalysis.com — простой и бесплатный сервис. На момент написания статьи в нем можно создать разметку для шести сущностей.
Проверка валидности разметки
При создании микроразметки важно, чтобы синтаксис был правильным и без ошибок. Даже если вы генерируете JSON-LD с помощью специальных плагинов или сервисов, не спешите загружать код на сайт, сначала проверьте его на валидность.
Для проверки кода используйте валидаторы от поисковиков:
- Structured Data Testing Tool от Google;
- Валидатор микроразметки от Яндекса.
Куда вставлять JSON-LD?
Если код валиден (валидатор не нашел ошибок) — можете смело добавлять разметку на сайт. Для этого код нужно вставить между тегами <head> и </head> на целевой странице.
Больше о синтаксисе JSON-LD читайте здесь.
Микроданные
В микроданных используется язык разметке HTML (в JSON-LD — JavaScript). Работать с этим синтаксисом сложнее — код разметки нужно прописывать в теле контента.
В основе микроданных — три атрибута:
- itemscope — указывает, что в блоке (<div>…</div>) задается элемент (сущность);
- itemtype — указывает на тип сущности;
- itemprop — обозначает свойства сущности.
Вот как это выглядит:
<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Джокер</h1>
<div itemprop="director" itemscope itemtype="http://schema.org/Person">Режиссер:
<span itemprop="name">Тодд Филлипс</span>
(род. <span itemprop="birthDate"> 20 декабря 1970 г.</span>)
</div>
<span itemprop="genre">Научная фантастика</span>
<a href="../movies/interstellar-2-trailer.html" itemprop="trailer">Трейлер</a>
</div>
Прописывать такой код вручную — довольно трудоемкая и рутинная задача.
Сервисы для генерации микроданных
Хорошая новость в том, что для микроданных также существуют специальные сервисы-генераторы:
- webcode.tools — бесплатный генератор, для разметки доступно 14 сущностей. В сервисе также можно создавать разметку в синтаксисе JSON-LD;
- htmlstrip.com (поддерживает 3 сущности: Местный бизнес, Персона, Вебсайт);
- Local Business Schema Generator — узконаправленный генератор. С его помощью можно сгенерировать разметку в формате микроданных или JSON-LD для одной сущности — Местный бизнес.
Сгенерируйте код и проверьте его на наличие ошибок (теми же сервисами).
Внедряем микроразметку самостоятельно и без знания кода
Покажем вам простой способ, как быстро и без единой строчки кода подключить микроразметку.
Автоматическая разметка страниц с помощью Маркера данных
Google разработал специальный инструмент для максимально простого внедрения микроразметки — Маркер данных.
Чем удобен инструмент:
- не нужно писать код или пользоваться генераторами, не нужно проверять валидность разметки;
- вы размечаете одну страницу, а Google автоматически реализует разметку для всех страниц сайта этого типа (например, для всех товаров).
Как пользоваться
Переходим в Маркер данных и выбираем подтвержденный ресурс;
- Указываем URL типичной страницы сайта. Например, для интернет-магазина — укажите адрес страницы товара. Если у вас блог или информационный портал — укажите адрес страницы со статьей. Система определит страницы похожего типа и объединит их в группу. Ваша задача — проставить разметку для одной страницы, для остальных она проставится автоматически.
- Выбираем тип информации и жмем «Начать выделение».
- В интерфейсе инструмента загрузится страница сайта. В области «Мои элементы данных» в правой части экрана будет показан список свойств, которые доступны для выбранного типа сущности. Также здесь указывается, какие из доступных свойств являются обязательными. Выделите элемент страницы (например, название товара или заголовок статьи) и выберите нужное свойство во всплывающем меню.
- Подобным образом разметьте все обязательные и дополнительные элементы. Затем нажмите «Готово». Во всплывающем окне инструмент предложит выбрать группу похожих страниц, подобранных системой, или создать свою группу. Выберите нужный вариант и нажмите «Создать группу страниц».
- На следующем шаге система предложит проверить корректность разметки других страниц. Если похожих страниц много — система покажет несколько образцов страниц. Проверьте разметку и исправьте ошибки, если какие-то элементы система разметила неверно. Затем опубликуйте микроразметку.
Роботы Google просканируют страницы сайта и учтут заданную микроразметку.
Как изменить или убрать микроразметку
<>Откройте Search Console и перейдите в раздел «Маркер». Выберите группу страниц, которые вы добавляли при разметке. Отредактируйте их или удалите группу полностью.
Когда робот Google снова просканирует страницы сайта, разметка перестанет учитываться и в поисковой выдаче будут отображаться обычные сниппеты.
Обратите внимание! Маркер передает данные только для робота Google. Если вы продвигаетесь в Яндексе, вам все равно придется добавлять код микроразметки на страницы. К счастью, для этого по-прежнему не обязательно знание кода.
Сайт на CMS? Используйте плагины
Рассмотрим самую популярную CMS в Рунете — Вордпресс. Для Вордпресс есть несколько решений, которые помогут просто и быстро внедрить микроразметку. Вот обзор плагинов, подходящих для этой задачи:
- Schema — All In One Schema Rich Snippets. Бесплатный плагин, размечает данные в формате микроданных (подойдет при продвижении в Яндексе, так как вы не можете использовать JSON-LD). Плагин подойдет для разметки товаров, отзывов, кулинарных рецептов, событий и еще нескольких часто используемых видов контента.
- WP SEO Structured Data Schema. Этот плагин также реализует разметку на основе синтаксиса микроданных. У плагина есть две версии. В бесплатной можно разметить данные об организации и локальном бизнесе, товары, услуги, статьи, видео, отзывы и еще парочку типов контента. В платной версии — больше возможностей (стоит платная версия 49$).
- Schema. С помощью плагина можно сделать разметку в синтаксисе JSON-LD. У плагина есть бесплатная и платная версии (от 99$). Функционал бесплатной несколько урезан — доступна разметка для статей, блога, хлебных крошек, хедера и футера сайта, видео и еще несколько элементов. Для разметки товаров, услуг и других сущностей Schema.org придется покупать платную версию.
- Schema & Structured Data for WP & AMP. Продвинутый плагин для разметки Schema.org с помощью синтаксиса JSON-LD. В плагине можно использовать 33 сущности Schema. Доступен в двух версиях: бесплатная и Про (от 49$).
Настройка микроразметки в плагине Schema: пошаговая инструкция
Установите плагин и кликните по разделу Schema, который появится в боковом меню админпанели. Перейдите в раздел Settings → General. Выберите тип сайта и загрузите логотип.
Сохраните изменения и перейдите на вторую вкладку — Knowledge Graph. Здесь вам нужно указать, кого представляет сайт — выберите Person, если это личный сайт, или Organization (если продвигаете сайт компании).
Перейдите на вкладку Schemas. Выберите из выпадающих списков страницы «О себе» и «Контакты». Если хотите подключить разметку хедера и футера, хлебных крошек и других элементов страниц сайта — поставьте галочки напротив соответствующих параметров.
Также можно настроить автоматическое удаление микроразметки, если будет удален плагин Schema. Для этого перейдите на вкладку Advanced и поставьте галочку напротив «Delete Data on Uninstall».
Сохраните изменения. Проверьте исходный код страниц сайта — в разделе <head>…</head> появится код микроразметки в формате JSON-LD.
Попробуйте проверить разметку в валидаторе Google (на всякий случай). Плагин работает корректно, поэтому ошибок не должно быть — смело загружайте код на сайт.
Примерно так же строится работа с другими плагинами для Вордпресс. Главное преимущество — вам не нужно разбираться в синтаксисе и прописывать все параметры вручную.
Выжимка
- Schema.org — большой словарь, с помощью которого можно описать данные любого типа и передать поисковым роботам детальную информацию о продуктах, услугах и других сущностях.
- Микроразметка улучшает внешний вид сниппета в поисковой выдаче. Сниппет выглядит привлекательно и информативно → растет CTR.
- Продвигаетесь в Яндексе? Реализуйте микроразметку с помощью синтаксиса микроданных или RDFa.
- Если продвигаетесь только в Google — воспользуйтесь рекомендацией поисковика и размечайте данные в JSON-LD.
- В Google можно и проще. Маркер данных в Search Console поможет реализовать разметку в несколько кликов (без кода, плагинов или сторонних сервисов).
- Не пишите код вручную — используйте генераторы. Это сэкономит кучу времени и убережет от ошибок.
- Проверяйте ошибки с помощью валидаторов.
Если у вас сайт на Вордпресс — поставьте плагины для микроразметки и используйте их. Если сайт на другой CMS — поищите аналоги, скорей всего они есть и вам не нужно будет прописывать микроразметку вручную.
Это подробный гайд по работе с микроразметкой Shema.org, который вышел на сайте link-assistant.com. Автор Артур Андреев разбирает девять типов микроразметки, которые обязательно нужны на сайте, и рассказывает, как организовать работу с разметкой, как добавить её на сайт и как избежать ошибок.
Руководство будет полезно как для новичков, так и для тех, у кого уже есть навыки работы с кодом и микроразметкой.
Микроразметка Schema — это семантический словарь стандартизированных тегов, которые добавляются в HTML-разметку веб-страницы. Эти теги помогают поисковым системам понимать контент и контекст вашей веб-страницы и лучше преподносить её в поисковой выдаче.
Взгляните на простой пример. Эту разметку мы использовали в одной из наших статей:
<script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Article", "headline" : "Google’s MUM: Search Updates and SEO Implications", "author" : { "@type" : "Person", "name" : "Andrei Prakharevich" }, "datePublished" : "2021-11-16", "image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png" } </script>
Этот фрагмент кода описывает основные сущности, присутствующие на странице, в формате, с которым легко могут работать поисковые системы. Поскольку эта страница проиндексирована, Google может сообщить, какой у статьи заголовок, кто её автор и когда она была опубликована.
Помимо этого, микроразметка даёт преимущества, которые могут влиять на органический трафик и на то, как сайт выглядит в поисковой выдаче.
Например, можно получить расширенный сниппет с подробными сведениями о продукте:
Или занять желанную нулевую позицию по определённым типам поисковых запросов, получая таким образом больше трафика:
Также можно создавать сущности и отношения между ними, что важно в свете грядущего обновления Google MUM.
Подробнее о сущностях в Google
Как добавить микроразметку Schema на сайт
Есть два варианта:
- генераторы микроразметки — хороший вариант для начинающих;
- самостоятельное создание микроразметки.
Генераторы микроразметки Schema
С помощью генераторов можно добавить структурированные данные, не обладая навыками программирования.
Чаще всего SEO-специалисты и владельцы сайтов используют Мастер разметки структурированных данных от Google (Google Structured Data Markup Helper). Он предлагает 12 типов микроразметки Schema, чего более чем достаточно для начинающих.
Как работают генераторы микроразметки? Процесс прост: вы выбираете тип микроразметки Schema, вводите URL и отмечаете все необходимые элементы для страницы.
Затем инструмент генерирует фрагмент кода, который вы можете добавить на свою страницу.
Есть и другие генераторы микроразметки, которые предлагают больше типов Schema, чем Google:
- Hall Analysis Schema Markup Generator;
- Merkle Schema Markup Generator;
- Расширение «Schema Builder» для Chrome.
Кроме того, WordPress предлагает множество плагинов, которые позволят внедрить микроразметку Schema, например RankMath и Yoast SEO. Загляните в галерею плагинов и подберите что-нибудь подходящее.
Самостоятельное создание микроразметки
Если вы не можете найти нужный тип микроразметки Schema в генераторах, можете добавить его вручную.
Код, который я покажу, поначалу может выглядеть устрашающе. Но на самом деле он довольно простой, и вам нужно будет всего лишь изменить в нём определенные значения. Попробуйте создать микроразметку самостоятельно, даже если у вас нет навыков программирования.
Рассмотрим два способа — с помощью JSON-LD и с помощью Microdata.
JSON-LD
JSON-LD — более популярный по сравнению с Microdata способ самостоятельного добавления микроразметки Schema. Более того, Google рекомендует именно этот способ. JSON-LD проще в понимании и использовании, чем Microdata или другие устаревшие форматы, наподобие RDF или Microformats.
Вы уже видели фрагмент простого кода JSON-LD в начале этого руководства. Вот он:
<script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Article", "headline" : "Google’s MUM: Search Updates and SEO Implications", "author" : { "@type" : "Person", "name" : "Andrei Prakharevich" }, "datePublished" : "2021-11-16", "image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png" } </script>
Этот скрипт добавляется в раздел <head> веб-страницы и сообщает поисковым системам следующую информацию:
- @context — указывает используемый словарь (schema.org);
- @type — указывает используемый тип микроразметки Schema;
- headline — сообщает Google о том, как называется статья;
- author — сообщает Google о том, кто написал статью;
- datePublished — определяет дату публикации;
- image — ссылается на обложку статьи.
Если посмотреть на этот код в формате JSON-LD внимательнее, можно заметить, что у него простая структура. Сначала идёт тип микроразметки Schema, а затем свойства (headline, author, datePublished), которым заданы соответствующие значения (Article, Andrei Prakharevich).
Этот фрагмент кода при необходимости может включать в себя больше свойств. Скажем, после обновления статьи можно добавить свойство dateModified сразу после свойства datePublished. Также можно комбинировать различные типы микроразметки Schema в одном фрагменте кода. В примере выше у нас объединены микроразметки типа Article (Статья) и Person (Человек).
Если я решу использовать один и тот же тип микроразметки Schema для другой статьи, то просто возьму этот пример кода и заменю значения свойств на другие.
Если мне нужно будет использовать другой тип микроразметки Schema, то я соответствующим образом обновлю значение свойства @type и добавлю новые свойства, характерные для другого типа.
Важное примечание: информация, помещённая в код в формате JSON-LD, должна присутствовать на странице и быть видна пользователям. Чтобы избежать санкций от Google, никогда не добавляйте фрагменты контента, которые нельзя найти на самой веб-странице.
Microdata
Microdata не так популярна, как JSON-LD, но используются в случаях, когда нужно продвигать сайт в поисковых системах, которые не поддерживают JSON-LD, например, в Яндексе.
В отличие от JSON-LD, при использовании Microdata нельзя просто добавить один фрагмент кода в раздел <head>. Вместо этого нужно отдельно размечать каждый элемент в HTML-разметке.
Вот как может выглядеть такая разметка:
<div itemscope itemtype="http://schema.org/Article"> <h1 itemprop="headline">Google’s MUM: Search Updates and SEO Implications</h1> <span itemprop="datePublished">November 16, 2021</span> </div>
В этом фрагменте у нас есть три атрибута. Вот что они обозначают:
- itemscope (пространство объекта). Создает объект и сообщает о том, что остальные составляющие элемента описывают его.
- itemtype (тип объекта). Указывает используемый словарь и тип микроразметки Schema (Article).
- itemprop (свойство объекта). Указывает свойство (headline, datePublished).
Как организовать работу с микроразметкой
Неважно, какой тип микроразметки Schema или способ её внедрения вы выбираете, типичный процесс работы с ней останется неизменным:
- Выберите тип микроразметки Schema и найдите на своём сайте страницы, где её можно применить.
- Создайте микроразметку. Сгенерируйте код с помощью соответствующих инструментов или напишите его самостоятельно.
- Проведите валидацию микроразметки. Перед тем как добавлять код на страницы своего сайта, всегда проводите его валидацию, используя Google Rich Results Test или Schema Markup Validator.
- Внедрите разметку в свой сайт.
Девять типов микроразметки Schema, которые стоит добавить на сайт
На данный момент доступно 792 типа микроразметки Schema. Выбор зависит от типа контента, который вы хотите разметить. Я сократил этот список до девяти самых полезных для SEO:
- Person (Человек).
- Organization/LocalBusiness (Организация / местная компания).
- Product (Продукт).
- Breadcrumbs (Навигационные цепочки).
- Article (Статья).
- HowTo (Руководство).
- FAQPage (Страница с вопросами и ответами).
- Recipe (Рецепт).
- VideoObject (Видео).
Давайте рассмотрим каждый тип отдельно.
1. Person
Микроразметка типа Person сообщает поисковым системам базовые сведения о человеке, который упоминается на веб-странице.
Такая микроразметка хорошо подходит для биографического раздела блога, страницы «О нас» или любой другой страницы сайта, на которой вы упоминаете сотрудников или партнёров.
Важность для SEO
Микроразметка «Person» помогает Google идентифицировать человека как сущность. Добавляя больше типов микроразметки Schema, например тип Organization, вы помогаете Google устанавливать связи между различными сущностями, например «человек ↔ организация». Проще говоря, Person — первый строительный элемент огромной базы данных, которую вы формируете.
Заметное преимущество разметки как раз в создании исчерпывающего Графа знаний (Knowledge Graph) со всеми подробными сведениями об определённом человеке.
Кроме того, вы, возможно, слышали об E-A-T — алгоритме Google, которые делает акцент на экспертность, достоверность и авторитетность контента.
Микроразметка Person — самый простой способ передать Google информацию об эксперности автора.
Пример:
<script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Person", "name": "Arthur Andreyev", "image": "https://cdn1.link-assistant.com/thumb/upload/news/user/43/thumb/1634057005-72x72-72x.png", "jobTitle": "Email Marketer, Content Writer", "url": "https://www.link-assistant.com/news/author/arthur-andreyev/", "sameAs": [ "https://twitter.com/Arthur_precious", "https://www.linkedin.com/in/arthur-andreyev-70699b155/" ], "worksFor": { "@type": "Organization", "name": "SEO PowerSuite" } } </script>
По сравнению с тем, что мы уже видели в примерах использования JSON-LD, этот фрагмент кода включает в себя новое свойство — sameAs. Это раздел, в котором вы делитесь ссылками на профили в социальных медиа и на все авторитетные источники, в которых упоминается этот человек.
Совет: если вы уже присутствуете в Графе знаний Google, убедитесь, что вы подтвердили связь между вами, как объектом Person, и своим Графом знаний. Это нужно на случай, если есть Граф знаний для человека с тем же именем, что и у вас.
Для этого сначала откройте инструмент Knowledge Graph Search и проверьте, есть ли вы в списке. Если есть, введите в поиск своё имя, а затем скопируйте URL-адрес своего Графа знаний и установите его в качестве значения свойства sameAs в микроразметке.
Если хотите улучшить факторы E-A-T сайта, не забудьте добавить в свою микроразметку в том числе следующие свойства:
- alumniOf — какое учебное заведение закончил;
- award — награды;
- hasCredential — документ о завершении обучения;
- honorificPrefix — обращение перед именем, например, Dr/Mrs/Mr;
- honorificSuffix — обращение после имени, например, M.D./Ph.D./MSCSW.
После того, как я добавлю представленный выше код в раздел <head> веб-страницы с моей биографией, Google сможет легко предоставлять основную информацию обо мне.
Лучше всего для создания микроразметки типа Person воспользоваться инструментом Merkle Schema Markup Generator. Или вы можете просто взять фрагмент приведённого выше кода и заменить значения свойств на свои.
Совет: если не хотите ограничиваться только этими свойствами, можете посмотреть, какие ещё свойства доступны для каждого типа микроразметки Schema. Вот список свойств для «Person».
2. Organization и LocalBusiness
Organization и LocalBusiness — одни из самых важных типов микроразметки Schema для сайта компании.
Они обычно добавляются на Главную страницу сайта, страницу «О нас» или в раздел «Свяжитесь с нами» и помогают передать в Google подробные сведения о вашей компании.
И хотя Google хорошо справляется с пониманием базовой информации о компании, Organization/LocalBusiness служат окончательным подтверждением правильной работы алгоритмов.
Совет: убедитесь, что Organization/LocalBusiness не используются на нескольких страницах вашего сайта, так как это может запутать поисковые системы.
Вот что говорит на эту тему Джон Мюллер:
Важность для SEO
Микроразметка Organization/LocalBusiness — это следующий этап выстраивания сущностей, связанных с вашим сайтом.
После того, как вы укажите все подробные сведения о своей компании или бренде, Google может в награду предоставить вам Граф знаний.
Если вы руководите местной компанией, добавление микроразметки типа LocalBusiness повысит шансы оказаться в Графе знаний, когда кто-то ищет ресторан, магазин и другие заведения.
Помимо улучшения внешнего вида сайта в поисковой выдаче, правильно применяемая микроразметка типа Organization/LocalBusiness может сильно помочь вам повысить факторы E-A-T.
Пример мироразметки «Organization»:
<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "SEO PowerSuite", "description": "SEO PowerSuite is a software company that develops all-in-one SEO tools to optimize sites & grow search traffic: Rank Tracker, WebSite Auditor, SEO SpyGlass, LinkAssistant.", "url": "https://link-assistant.com", "logo": "https://cdn1.link-assistant.com/images/press/new-press/logos/sps-vertical.png", "email": "support@link-assistant.com", "address": { "@type": "PostalAddress", "addressCountry": "CY", "postalCode": "1100", "streetAddress": "21-23 Louki Akrita" }, "founder": { "@type": "Person", "name": "Aleh Barysevich", "gender": "Male", "jobTitle": "CMO", "image": "https://cdn.link-assistant.com/images/team/aleh-barysevich.jpg", "sameAs": [ "https://twitter.com/ab80", "https://www.linkedin.com/in/alehbarysevich/" ] }, "foundingDate": "2005-02-07", "sameAs" : [ "https://www.crunchbase.com/organization/link-assistant-com", "https://www.linkedin.com/company/seopowersuite/", "https://twitter.com/seopowersuite", "https://www.youtube.com/user/LinkAssistantVideos" ], "contactPoint" : [ { "@type" : "ContactPoint", "contactType" : "customer service", "email": "support@link-assistant.com", "url": "https://link-assistant.com" } ] } </script>
Несмотря на объём кода, его структура, как у других типов разметки, довольно проста.
Один из наиболее важных элементов здесь — свойство sameAs, где вам нужно указать все источники, в которых упоминается ваша компания. Помимо социальных сетей, вы можете добавлять ссылки на Википедию, Crunchbase, официальные справочники компаний или на страницу вашей компании на сайтах с обзорами и отзывами. Эта информация будет подтвеждением подробностей о вашей компании и существенно повысит доверие к ней со стороны Google.
У микроразметки LocalBusiness очень похожая структура. Единственное, что нужно изменить — это свойство @type. Также здесь вы можете указать нишу вашего бизнеса: ресторан, хлебобулочный магазин, стоматологическая клиника, маникюрный салон и так далее.
Если вы управляете, скажем, местным рестораном, подумайте о том, чтобы добавить также следующие свойства:
- reviewRating — рейтинг вашей компании;
- geoCoordinates — географическое положение вашей компании;
- servesCuisine — блюда какой кухни подают;
- priceRange — ценовой диапазон;
- openingHoursSpecification — часы работы;
- menu — меню;
- acceptsReservations — возможно ли бронирование заказов.
Пример микроразметки LocalBusiness в формате JSON-LD для ресторана:
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Restaurant", "name": "Dave's Steak House", "image": "https://example.com/photos/1x1/photo.jpg", "url": "http://www.example.com/restaurant-locations/manhattan", "telephone": "+12122459600", "priceRange": "$$", "menu": "http://www.example.com/menu", "servesCuisine": "American", "acceptsReservations": "true", "address": { "@type": "PostalAddress", "streetAddress": "148 W 51st St", "addressLocality": "New York", "addressRegion": "NY", "postalCode": "10019", "addressCountry": "US" }, "review": { "@type": "Review", "reviewRating": { "@type": "Rating", "ratingValue": "4", "bestRating": "5" } }, "geo": { "@type": "GeoCoordinates", "latitude": 40.761293, "longitude": -73.982294 }, "openingHoursSpecification": [{ "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Sunday" ], "opens": "11:00", "closes": "23:00" },{ "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Friday", "Saturday" ], "opens": "16:00", "closes": "02:00" }], "sameAs": [ "twitter.com/davessteakhouse" ] } </script>
Как сгенерировать микроразметку типа Organization или LocalBusiness
Я предлагаю использовать Merkle Schema Markup Generator, поскольку этот инструмент позволяет генерировать микроразметку обоих типов. Но если вы управляете местной компанией, то перейдите сразу к Мастеру разметки структурированных данных. И, конечно, вы можете взять мой пример кода в формате JSON-LD и просто заменить значения свойств.
3. Product
Микроразметка типа Product добавляется на веб-страницы товаров на вашем сайте и улучшает их отображение в результатах поиска.
Важность для SEO
После добавления микроразметки Product на одну из ваших страниц с описанием продукта, Google может сделать для неё расширенный сниппет, наподобие такого:
Такой сниппет включает в себя гораздо больше деталей, чем обычная синяя ссылка. Пользователи могут получить основные сведения о продукте и сравнить их с продуктами конкурентов без необходимости покидать страницу поисковой выдачи.
Product также позволяет вам получить значок «Продукт» (Product) в Google Картинках, что позволит изображению выделяться среди других и побуждать пользователей кликнуть по нему.
Пример микроразметки:
<script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Product", "name": "Apple AirPods Pro", "image": [ "https://example.com/photos/1x1/photo.jpg", "https://example.com/photos/4x3/photo.jpg", "https://example.com/photos/16x9/photo.jpg" ], "description": "Active Noise Cancellation, Transparency mode, and a customizable fit — all in an incredibly light in-ear headphone.", "sku": "0446310786", "mpn": "925872", "brand": { "@type": "Brand", "name": "Apple" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.4", "reviewCount": "89" }, "offers": { "@type": "Offer", "url": "https://example.com/airpods-pro", "priceCurrency": "USD", "price": "197.99", "priceValidUntil": "2021-12-20", "itemCondition": "https://schema.org/NewCondition", "availability": "https://schema.org/InStock" } } </script>
Рассмотрим несколько свойств из этого фрагмента кода, которые ещё не встречались ранее:
- SKU. Stock Keeping Unit или идентификатор товарной позиции, который представляет собой специфический для продавца идентификатор продукта или услуги.
- MPN. Manufacturer Part Number, то есть номер продукта, присвоенный производителем.
- AggregateRating (обобщённый рейтинг). Общий рейтинг продукта на основе отзывов или обзоров.
- Offers (предложения). Свойство включает в себя ссылки на продукт, указывает цены и валюты, сообщает о том, когда предложения становятся неактуальными. Также оно указывает состояние продукта — новый или бывший в употреблении — и сообщает о том, доступен ли он прямо сейчас.
Если вы поменяете любые детальные сведения о продукте на странице, эти изменения должны быть также отражены в микроразметке Schema для этого объекта.
Как и в случае других типов микроразметки, для этого примера кода доступен очень ограниченный, но зачастую достаточный набор дополнительных свойств.
Вы можете сгенерировать свою собственную микроразметку типа Product, используя как Мастер разметки структурированных данных, так и Merkle Schema Markup Generator. Если вы думаете, что проще отредактировать представленный пример кода, то вперёд.
4. Breadcrumbs
Навигационные цепочки или «хлебные крошки», помогают пользователям легче перемещаться по сайту и позволяют им видеть положение страницы в иерархической структуре сайта. Микроразметка типа Breadcrumb переносит это и в поисковый сниппет Google.
Важность для SEO
Сегодня Google может легко понимать иерархию страниц сайта и отображает навигационные цепочки, в большинстве случаев разделяя на части соответствующий URL-адрес. Но без микроразметки типа Breadcrumbs эти навигационные цепочки зачастую не слишком удобны для пользователей.
Ниже представлены два результата одного и того же поискового запроса. В первом не используется микроразметка, а во втором применяется микроразметка типа Breadcrumbs:
Правильная микроразметка улучшает внешний вид поискового сниппета и зачастую приводит к увеличению количества переходов на сайт.
Навигационные цепочки улучшают и внутреннюю ссылочную структуру сайта, а это отличный способ правильно распределить ссылочный вес по всему сайту и улучшить его ранжирование.
Пример микроразметки типа Breadcrumbs:
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Science Fiction", "item": "https://example.com/books/sciencefiction" },{ "@type": "ListItem", "position": 3, "name": "Award Winners" }] } </script>
Использование представленного выше примера приведёт к тому, что навигационная цепочка над поисковым сниппетом будет выглядеть так:
Books › Science Fiction › Award Winners
Google рекомендует при создании микроразметки Breadcrumbs учитывать, как пользователь обычно добирается до какой-либо страницы, то есть его типичный маршрут до неё. Как правило, это значит, что вам не придётся повторять структуру URL-адреса в микроразметке, потому что многие из его элементов не имеют практически никакого значения для пользователей.
Помните о том, что ваша микроразметка должна соответствовать контенту, размещённому на веб-странице. Поэтому при использовании Breadcrumbs такая же навигационная цепочка должна присутствовать где-то на странице, и элементы цепочки должны ссылаться на соответствующие страницы.
Удачное место для навигационных цепочек — в шапке сайта или под панелью навигации.
Вот как выглядит навигационная цепочка в блоге компании SEO PowerSuite:
Чтобы сгенерировать свою собственную микроразметку Breadcrumbs, используйте инструмент Merkle Schema Markup Generator. Или воспользуйтесь представленным выше примером кода.
5. Article
Микроразметка типа Article — один из самых популярных типов микроразметки. Вы можете добавлять её в статьи или посты блога. Она помогает поисковой системе Google извлекать информацию о вашем контенте, включая заголовки статей, информацию об авторе, дату публикации и другие данные.
Самые распространенные типы микроразметки для описания статей:
- Article (статья). Общий тип, используемый для описания всех статей, для которых отсутствует специально выделенный тип.
- NewsArticle (новостная статья). Статья, содержимое которой носит новостной характер.
- BlogPosting (пост блога).
- Report (отчет). Отчёт, составленный государственной или негосударственной организацией.
- ScholarlyArticle (научная статья).
- TechArticle (техническая статья). Практические руководства, пошаговые инструкции, спецификации и так далее.
Хотя первые три типа встречаются чаще всего, Google рекомендует выбирать для использования наиболее специализированные и подходящие типы микроразметки. Поэтому, если ваша статья явно носит новостной характер, используйте микроразметку типа NewsArticle. В случае поста блога используйте микроразметку типа BlogPosting, а в случае каких-то других материалов можно использовать другой подходящий тип.
Важность для SEO
Микроразметка типа Article помогает поисковику Google лучше понимать контент и даёт ему дополнительную подсказку о том, какой заголовок, изображение и дата публикации должны отображаться в поисковой выдаче.
Если у вашего сайта хорошие сигналы E-A-T и ваши пользователи не испытывают никаких проблем при просмотре веб-страниц, то микроразметка может повысить ваши шансы на попадание в карусель «Главные новости» (Top Stories Carousel).
Эта карусель располагается в самом верху поисковой выдачи, и попадание на неё может принести вам очень много трафика.
Пример микроразметки типа Article:
Вы уже неоднократно видели простой пример этой микроразметки в руководстве. На этот раз я покажу вам более объёмную версию и буду использовать тип BlogPosting.
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BlogPosting", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.link-assistant.com/news/google-mum-update.html" }, "headline": "Google’s MUM: Search Updates and SEO Implications", "datePublished": "2021-11-16", "dateModified": "2021-11-20", "description": "Discover how Google's MUM update will change the search process, and learn how to adapt your SEO strategy to it.", "image": { "@type": "ImageObject", "url": "https://cdn1.link-assistant.com/thumb/upload/news/post/427/1637067065-500x.png", "width": 500, "height": 500 }, "author": { "@type": "Person", "name": "Andrei Prakharevich" }, "publisher": { "@type": "Organization", "name": "SEO PowerSuite", "logo": { "@type": "ImageObject", "url": "https://cdn1.link-assistant.com/images/press/new-press/logos/sps-vertical.png", "width": 400, "height": 400} } }, } </script>
Структура этого кода не изменилась. Свойства, которые использованы в этом примере, можно использовать для всех родственных с Article типов микроразметки, например с NewsArticle или BlogPosting.
Если вы хотите улучшить E-A-T сайта, то можете использовать ещё несколько дополнительных свойств:
- сitation — используется, чтобы указать список заслуживающих доверия источников, на которые вы ссылаетесь в статье.
- reviewedBy — используется, чтобы доказать качество информации в тексте, так как сообщает о том, кто проверял информацию на точность и достоверность. Это полезно YMYL-сайтам.
Если вы специализируетесь на медицинских, юридических или финансовых темах, и ваш контент оценивают квалифицированные эксперты, не забудьте упоминать этих экспертов на веб-страницах и в микроразметке типа Article.
Чтобы сгенерировать микроразметку типа Article, предлагаю использовать Merkle Schema Markup Generator, поскольку этот инструмент позволяет выбрать нужный тип статьи.
Если вам нужно разметить статью, содержимое которой носит общий характер, можете использовать Мастер разметки структурированных данных.
6. HowTo
Если на вашем сайте есть страницы с практическими руководствами, воспользуйтесь микроразметкой HowTo.
Этот тип разметки можно применить на веб-странице, на которой объясняется, как шаг за шагом достичь определённой цели. Скажем, «Как заменить колесо» или «Как поменять лампочку».
Микроразметка HowTo позволяет использовать не только текст, но и видеозаписи, и изображения.
Важность для SEO
Когда вы правильно разметите свои практические руководства, Google обеспечит вам расширенный сниппет, который будет отображать шаги из руководства.
Это может быть текстовый сниппет:
Или сниппет с изображениями для каждого шага:
Расширенные сниппеты для пошаговых руководств обладают очевидным преимуществом перед обычными поисковыми результатами и могут стать главным инструментом для увеличения трафика вашего сайта.
Пример микроразметки типа HowTo:
<script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "HowTo", "name": "How to generate markup using Google Markup Helper", "description": "This step-by-step guide will help you easily generate your own markup using Google Markup Helper.", "image": "https://example.com/image1.png", "totalTime": "PT5M", "tool": { "@type": "HowToTool", "name": "Google Markup Helper" }, "step": [{ "@type": "HowToStep", "text": "Open Google Markup Helper, choose the needed Schema type and insert the URL of the page", "name": "Open Google Markup Helper", "url": "https://www.google.com/webmasters/markup-helper/" },{ "@type": "HowToStep", "text": "Highlight and mark all elements of your page.", "name": "Highlight and mark your content" },{ "@type": "HowToStep", "text": "Click CREATE HTML to generate the piece of JSON-LD code. Once done add it to your site’s <head> section.", "name": "Generate the piece of JSON-LD code and add it to your site" }] } </script>
Поскольку руководство может включать в себя много шагов, предлагаю использовать Merkle Schema Markup Generator, чтобы упростить процесс создания микроразметки.
7. FAQPage
Микроразметка типа FAQPage используется на веб-страницах со списком, состоящим из часто задаваемых вопросов, а также немногословных, но исчерпывающих ответов на них.
На SEO PowerSuite мы видим специально выделенный блок вопросов и ответов под каждым продуктом:
Такие блоки — идеальная возможность для использования микроразметки типа FAQPage.
Если у вас есть веб-страница с ответами, которые ещё окончательно не проработаны, и пользователи могут добавлять свои собственные ответы, не следует использовать микроразметку типа FAQPage. Вместо неё лучше использовать микроразметку типа QAPage.
Важность для SEO
Микроразметка FAQPage берёт вопросы и ответы с вашей страницы и объединяет их в расширенный сниппет, отображающийся в поисковой выдаче.
Так пользователи могут быстро находить ответы на свои вопросы без необходимости покидать страницу с результатами поиска.
Но какой смысл использовать эту микроразметку, если она, скорее всего, уменьшит объём трафика?
В действительности всё совсем наоборот, и расширенные сниппеты с вопросами и ответами зачастую обладают более высоким показателем CTR. Вот в этом исследовании количество кликов, которые пользователи сделали для перехода на сайт, увеличилось на 50 % благодаря поисковому сниппету в виде вопросов и ответов.
Кроме того, если вы дадите точные ответы на вопросы пользователей, эти ответы в результате ранжирования могут оказаться в самой верхней части поисковой выдачи.
Вот что случилось, когда я ввёл поисковый запрос «What is email marketing»:
Этот поисковый сниппет не только занимает первую позицию, но ещё и использует много пространства поисковой выдачи, что выделяет его среди других результатов поиска.
Google подхватывает микроразметку типа FAQPage очень быстро по сравнению с микроразметкой других типов. Есть сообщения от нескольких специалистов по SEO о том, что для их сайтов появлялись расширенные сниппеты с вопросами и ответами уже через 30 минут после добавления микроразметки.
Хотя преимущества от использования микроразметки типа FAQPage очевидны, менее 1% компаний в интернете применяют ее. Поэтому такая микроразметка — простой способ получения преимущества перед конкурентами.
Пример микроразметки типа FAQPage:
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "✅ What is SEO PowerSuite software?", "acceptedAnswer": { "@type": "Answer", "text": "SEO Powersuite is a toolkit made up of 4 tools that cover every aspect of SEO — keywords, rankings, backlinks, on-page and content data, mobile SEO, local SEO, social media, analytics, and reports." } },{ "@type": "Question", "name": "✅ What SEO tools are included in SEO PowerSuite?", "acceptedAnswer": { "@type": "Answer", "text": "4 tools that make up SEO Powersuite are Rank Tracker for rank tracking and keyword research, WebSite Auditor for on-page SEO and technical SEO audit, SEO SpyGlass for backlink research, and LinkAssistant for link building and outreach. Besides, there is a fresh online backlink checker as well as backlink API access for enterprise users." } },{ "@type": "Question", "name": "✅ Can I try your SEO software for free?", "acceptedAnswer": { "@type": "Answer", "text": "Yes you can! Not only is there a 7-day free trial available, but also, a functional free version. You can look up the differences between the paid and free version of the software on this page." } },{ "@type": "Question", "name": "✅ Do you have a support service?", "acceptedAnswer": { "@type": "Answer", "text": "Yup! There is a live support button on the lower right of this very page! On top of that, you can submit a ticket through the website, or indeed through the software itself. Besides, our team is here with tutorials, webinars, and information from trusted sources to help you grow from a beginner to an advanced SEO specialist. You will discover that our SEO platform has a steep learning curve." } }] } </script>
FAQPage — один из самых понятных типов микроразметки. У микроразметки такого типа очень простая структура, в которой сначала указывается вопрос, а затем даётся ответ.
Google рекомендует при использовании этого типа микроразметки включать весь текст вопроса и ответа, так что ограничений на количество символов нет. Иногда Google будет отображать очень длинные ответы, но чаще они выводятся в сокращённом виде, и вы можете кликнуть на ссылку «Ещё» (More), чтобы посмотреть ответ целиком:
Чтобы за считанные секунды сгенерировать микроразметку типа FAQPage, я просто скопировал вопросы и ответы, а затем вставил их в Merkle Schema Markup Generator.
Профессиональный совет
Если вы хотите, чтобы ваши веб-страницы с вопросами и ответами были направлены на широкую аудиторию пользователей, сначала изучите, как обстоят дела с ключевыми словами.
Для этого откройте Rank Tracker и перейдите в Keyword Research > Related Questions > People Also Ask. Введите несколько ключевых слов и подождите, пока этот инструмент соберет для вас всевозможные варианты вопросов.
8. Recipe
Если вы вдруг ведете кулинарный блог, вас определенно заинтересует микроразметка типа Recipe. Эта микроразметка позволит вам добавлять структурированные данные в свои рецепты и эффективнее преподносить поисковой системе Google процесс приготовления блюда.
Важность для SEO
Рецепты с соответствующей микроразметкой могут попасть в самую верхнюю часть поисковой выдачи — в карусель рецептов.
Очевидное преимущество от использования такой микроразметки состоит в том, что пользователи скорее кликнут на представленный их вниманию сниппет, чем будут прокручивать страницу поисковой выдачи.
В Google Картинках рецепты с микроразметкой также получают от Google значок «Рецепт» (Recipe).
Пример микроразметки типа Recipe
<script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Recipe", "name": "Party Coffee Cake", "image": [ "https://example.com/photos/1x1/photo.jpg", "https://example.com/photos/4x3/photo.jpg", "https://example.com/photos/16x9/photo.jpg" ], "author": { "@type": "Person", "name": "Mary Stone" }, "datePublished": "2018-03-10", "description": "This coffee cake is awesome and perfect for parties.", "prepTime": "PT20M", "cookTime": "PT30M", "totalTime": "PT50M", "keywords": "cake for a party, coffee", "recipeYield": "10", "recipeCategory": "Dessert", "recipeCuisine": "American", "nutrition": { "@type": "NutritionInformation", "calories": "270 calories" }, "recipeIngredient": [ "2 cups of flour", "3/4 cup white sugar", "2 teaspoons baking powder", "1/2 teaspoon salt", "1/2 cup butter", "2 eggs", "3/4 cup milk" ], "recipeInstructions": [ { "@type": "HowToStep", "name": "Bake a cake", "text": "Bake a cake following the recipe", "url": "https://example.com/party-coffee-cake#step1", "image": "https://example.com/photos/party-coffee-cake/step1.jpg" }, { "@type": "HowToStep", "name": "Enjoy", "text": "Allow to cool and enjoy.", "url": "https://example.com/party-coffee-cake#step2", "image": "https://example.com/photos/party-coffee-cake/step1.jpg" } ], "aggregateRating": { "@type": "AggregateRating", "ratingValue": "5", "ratingCount": "18" } } </script>
При ближайшем рассмотрении можно заметить, что микроразметка типа Recipe внешне очень похожа на HowTo.
Значение большинства свойств понятно из их названий. Единственное свойство, которое нужно пояснить, — recipeYield. По сути, это количество, на которое рассчитан рецепт, как например: количество людей, которым можно подать приготовленную еду, количество порций и так далее.
Как и в случае микроразметки типа HowTo, рекомендую воспользоваться инструментом Merkle Schema Markup Generator, поскольку писать весь код вручную для рецептов с большим количеством шагов — сложная задача.
9. VideoObject
Микроразметка типа VideoObject добавляется для размещённых на сайте видеозаписей.
Микроразметка этого типа предоставляет поисковой системе Google основную информацию о ваших видео. К характеристикам, которые вы можете указать, относятся описание видео, продолжительность, URL-адрес обложки и дата загрузки.
Важность для SEO
Видеозаписи с соответствующей микроразметкой могут отображаться в блоке «Видео» в верхней части поисковой выдачи.
Но это не единственное место, куда могут попасть ваши видео, благодаря микроразметке Schema. Как утверждает Google, размеченные видео могут также появляться в результатах поиска по Видео, Google Картинках и в Google Discover. Это отличный способ охватить больше пользователей своим контентом.
Пример микроразметки типа VideoObject
<script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "VideoObject", "name": "Cute puppy playing", "duration": "P10M", "uploadDate": "2021-07-19", "thumbnailUrl": "http://www.example.com/puppy.jpg", "description": "Watch this cute puppy playing with the ball", "contentUrl": "http://www.example.com/puppy_video.mp4", "hasPart": [{ "@type": "Clip", "name": "Puppy barks", "startOffset": 30, "endOffset": 45, "url": "http://www.example.com/example?t=30" }, { "@type": "Clip", "name": "Puppy plays with the ball", "startOffset": 111, "endOffset": 150, "url": "http://www.example.com/example?t=111" }] } </script>
В этом примере кода самое важное — свойство hasPart. В рамках этого свойства вам нужно выделить самые важные фрагменты видео и указать начальные (startOffset) и конечные (endOffset) границы фрагментов. В результате в поисковой выдаче под вашим видео будет панель с ключевыми моментами.
Микроразметка типа VideoObject выглядит довольно логично и понятно, поэтому можете взять мой пример и просто заменить значения. Или можете использовать Merkle Schema Markup Generator.
Итак, вашему вниманию были представлены девять самых полезных для SEO типов микроразметки Schema. Если вы хотите узнать про другие типы Schema, которые могут быть полезны с точки зрения SEO, загляните в Галерею поиска Google.
Распространенные ошибки при использовании микроразметки Schema
Когда речь идёт о микроразметке Schema, всё нужно перепроверять.
Если в вашей микроразметке есть ошибки, то в самом благоприятном случае можно ожидать того, что она просто не будет работать как полагается. В некоторых случаях неправильное использование микроразметки Schema может привести к санкциям от Google.
Вот краткий список правил работы с разметкой.
Не игнорируйте валидацию микроразметки
Всего один пропущенный символ в коде в формате JSON-LD может сделать всю микроразметку невалидной. Вот почему вы должны проводить валидацию кода, перед тем, как добавить его на сайт. Для этого можете воспользоваться инструментом Google Rich Results Test или Schema Markup Validator. Второй обладает расширенным функционалом и не только покажет структуру микроразметки, но и выделит любые найденные ошибки.
Новость про валидатор микроразметки Schema
Не добавляйте микроразметку, которая описывает несуществующий контент
Код в формате JSON-LD можно добавить на любую страницу сайта. Но сведения, которые вы сообщаете Google в микроразметке, должны соответствовать контенту на странице.
Если Google обнаружит такие случаи неправильного использования микроразметки, он сначала выдаст предупреждение в Google Search Console, а если проблема не исчезнет, предпримет меры.
Не используйте микроразметку, предназначенную для определённой страницы, на всем сайте
Один из примеров такого неправильного использования: микроразметка типа Rating, предназначенная для одного объекта, используется для всей категории объектов. Это тоже может привести к карательным мерам со стороны Google.
Не действуйте вопреки рекомендациям Google
Обязательно ознакомьтесь с общими рекомендациями Google по использованию структурированных данных и строго придерживайтесь их. Это поможет вам в дальнейшем избежать проблем.
Как следить за улучшениями микроразметки
Чтобы периодически проверять, можно ли как-то улучшить микроразметку, используемую на вашем сайте, зайдите в Google Search Console, перейдите в раздел «Улучшения» (Enhancements) и оцените состояние различных типов структурированных данных, используемых на ваших веб-страницах.
В случае обнаружения любых ошибок вы увидите, где именно они находятся, и получите рекомендации о том, как их исправить.
Помимо отслеживания технического состояния микроразметки, сегодня также можно использовать Google Search Console для наблюдения за её эффективностью в поисковой выдаче.
Перейдите к Отчёту Performance > Search results > Search Appearance и сможете увидеть сводный обзор кликов и показов по расширенным результатам поиска. В верхней части страницы вы также можете кликнуть по NEW и применить фильтр Search Appearance, чтобы увидеть в динамике данные по эффективности или по расширенным результатам поиска.
Поисковые роботы научились неплохо определять тип контента на сайте. Но до полного понимания еще далеко. Из-за этого сниппеты страниц в результатах поиска порой выглядят не так привлекательно, как могли бы.
Улучшить ситуацию помогает микроразметка Schema.org. Рассказываем, что это, зачем и как самостоятельно внедрить, если вы не программист.
Что такое микроразметка Schema.org и зачем она нужна?
В 2011 году поисковики Google, Yahoo!, Bing и Яндекс объединились для работы над совместной инициативой — единым словарем метаданных Schema.org. Цель — улучшить понимание поисковиками данных на сайте и повысить релевантность поисковой выдачи.
Словарь Schema.org не следует путать с другими словарями семантической разметки:
- Open Graph: разработан Facebook для передачи структурированных данных при публикации постов. Эта разметка «прижилась» во ВКонтакте, Pinterest, Twitter, LinkedIn, Telegram, WhatsApp, Viber, Slack.
- Microformats: словарь разработан W3C, подходит для описания рецептов, событий, адресов, лент новостей и проч. Раньше был популярен, но сейчас значительно уступает Schema.org.
- Data Vocabulary: раньше это был отдельный словарь, но теперь он объединен со Schema.org. Микроразметка «хлебные крошки» — это как раз «наследие» Data Vocabulary.
- Dublin Core: используется библиотеками и музеями, позволяет подробно описать экспонаты и книги.
- Good Relations: подходит для расширенного описания каталогов рекламы, книг, электроники, авто, билетов на концерты, туров.
Словарь — это своеобразный язык разметки, со своими сущностями и свойствами. Но все эти свойства и сущности нужно как-то передать поисковику. Для этого используется разные виды синтаксиса:
- микроданные;
- RDFa;
- микроформаты;
- JSON-LD.
О синтаксисе для словаря Schema.org мы поговорим ниже. Главное сейчас четко понимать, что нельзя ставить в один ряд, скажем, Schema.org и JSON-LD или Schema.org и микроданные (это примерно как сравнивать латиницу с английским языком). Часто в публикациях на тему микроразметки допускают ошибки, из-за чего возникает путаница.
Отличить сайт с микроразметкой и без нее можно по виду сниппета в результатах поиска. Например, вот две страницы одного и того же сайта: на первой есть микроразметка рейтинга и отзывов, на второй — нет.
Вот еще пример — здесь размечена афиша кинофильмов:
А здесь — цены товаров/услуг:
В этом сниппете (вверху) размечены «хлебные крошки», а ниже — нет:
Яндекс и Google рекомендуют внедрять микроразметку. Но мотивируют это исключительно повышением качества поиска и улучшением внешнего вида сниппета. О прямом влиянии на результаты поиска не говорят — но косвенное влияние есть.
Визуальное улучшение сниппета повышает его кликабельность. И даже если сайт занимает более низкую позицию, чем конкуренты, вы можете получить не меньше (а то и больше) кликов. В итоге вы добьетесь роста позиций путем улучшения поведенческих факторов.
Микроразметка также помогает передавать данные в собственные сервисы поисковиков — и появляться в разных колдунщиках в результатах поиска.
Модуль SEO в системе Promopult: все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов. Гарантии, оплата работ в рассрочку.
Структура словаря Schema.org
В словаре Schema.org описаны сотни сущностей (самая общая — Thing). У сущностей есть свойства. Например, у Thing — свойства image (изображение), URL (ссылка), name (название элемента) и др.
Помимо сущности Thing есть другие — вот полный список.
Вот примеры сущностей и их свойств:
- Product (товары) — название товара, рейтинг, название бренда, цвет, модель.
- Event (событие) — тема, месторасположение, организатор, выступающий, дата начала, длительность.
- Recipe (рецепты) — время приготовления, калорийность, ингредиенты, инструкция.
- Article (статья) — тело статьи, счетчик слов.
- VideoObject (видеоролик) — актеры, режиссер, субтитры, качество видео.
- Movie (фильмы) — актеры, режиссер, страна, длительность.
- Review (отзывы) — рейтинг, тело отзыва.
- Organization (организация) — адрес, бренд, рейтинг, email, основатель, телефон и др.
Для описания сущностей и свойств используются разные варианты синтаксиса.
Синтаксис для словаря Schema.org
RDFa, микроформаты и микроданные для разметки Schema.org используются все реже — в отличие JSON-LD. Именно JSON-LD рекомендован Google для микроразметки данных, ведь он более простой и компактный, чем другие форматы.
Проблема в том, что синтаксис JSON-LD пока не распознается Яндексом. Поэтому для продвижения проектов в Рунете JSON-LD не подходит — здесь разметку делают с помощью микроданных или RDFa (реже — микроформатов). Если же вы ориентируетесь на страны, где в приоритете Google, однозначно используйте JSON-LD.
Синтаксис JSON-LD
Базовая конструкция микроразметки JSON-LD (она не изменяется):
<script type=»application/ld+json»>
{
//здесь идут элементы микроразметки
}
</script>
Внутри этой конструкции заключен код, который и передает роботу информацию о типе размеченных данных:
<script type=»application/ld+json»>
{
«@context»: «https://schema.org/», //используемый словарь — Schema.org
«@type»: «Product», //сущность — товар
«name»: «Стол», //название товара
«image»: «https://site.ru/img.png», //адрес изображения товара
«description»: «Стол деревянный», //описание товара
«brand»: «Эко-мебель», //название бренда
«aggregateRating»: { //рейтинг товара
«@type»: «AggregateRating»,
«ratingValue»: «5», //оценка
«ratingCount»: «56» //количество проголосовавших
}
}
</script>
Важно понимать, что описание сущностей и свойств — не гарантия, что вы получите расширенный сниппет со всеми описанными данными. Но в любом случае их учтет робот поисковика, что поможет ему лучше понять содержимое страницы.
JSON-LD вручную прописывать трудоемко. Кроме того, при это возникает высокий риск ошибки. Поэтому используйте один из генераторов кода JSON-LD:
- technicalseo.com (простой и понятный генератор для работы с наиболее популярными сущностями — Article, Breadcrumb, Event, FAQ Page, Product и проч.);
- schemaapp.com (продвинутый генератор, который поддержвиает все доступные сущности в Schema.org; подойдет профессионалам, которые хорошо понимают, как строится синтаксис JSON-LD);
- hallanalysis.com (здесь пять сущностей: Local Business, Person, Event, Organization, Website; сервис подойдет новичкам).
После того как вы сконструируете код, не спешите его сразу добавлять на сайт. Вначале он должен пройти проверку на ошибки (валидацию).
- в Google — c помощью инструмента Structured Data Testing Tool;
- в Яндексе — с помощью Валидатора микроразметки.
После генерирования кода JSON-LD и валидации вставьте его на нужные страницы между тегами <head> и </head>.
Подробно о синтаксисе JSON-LD читайте в этой статье.
Cинтаксис Microdata (микроданные)
Если в JSON-LD используется JavaScript, то в Microdata — HTML. Внедрить разметку на основе Microdata сложнее — код прописывается в контенте (между тегами <body> и </body>).
В основе разметки Microdata атрибуты itemscope, itemtype и itemprop. Вот пример HTML кода с микроданными:
<div itemscope itemtype=»http://schema.org/Movie»>
<h1 itemprop=»name»>Интерстеллар 2</h1>
<div itemprop=»director» itemscope itemtype=»http://schema.org/Person»>Режиссер:
<span itemprop=»name»>Кристофер Нолан</span>
(род. <span itemprop=»birthDate»> 30 июля 1970 г.</span>)
</div>
<span itemprop=»genre»>Научная фантастика</span>
<a href=»../movies/interstellar-2-trailer.html» itemprop=»trailer»>Трейлер</a>
</div>
Атрибут itemscope указывает на то, что HTML-код, который содержится в блоке <div>…</div>, описывает некую сущность.
Атрибут itemtype указывает на сущность, которая описывается в блоке <div>…</div>.
Атрибут itemprop передает поисковому роботу свойства описываемой сущности.
Для генерирования кода microdata, как и в случае с JSON-LD, тоже есть специальные сервисы:
- webcode.tools (поддерживает 14 сущностей — Event, Person, Review, Product offer и др.);
- Local Business Schema Generator (подходит для генерирования разметки для сущности Local Business);
- htmlstrip.com (поддерживает 3 сущности: Local Business, Person, Website).
После генерирования кода пройдите валидацию в Яндексе и Google.
Как быстро внедрить микроразметку Schema.org на сайт
Маркер данных в Google Search Console
Этот инструмент позволяет без вмешательства в исходный код сайта разметить данные на страницах. Как им пользоваться:
- перейдите на страницу инструмента и выберите ресурс с подтвержденными правами в Search Console;
- укажите URL страницы (если страницы на сайте имеют одинаковый шаблон, система их объединяет в группы — вам достаточно будет разметить одну страницу, а остальные разметятся автоматически);
- выберите тип информации (мероприятия, местные организации, обзоры книг и т. п.);
- выделите элементы страницы левой кнопкой мыши и во всплывающем меню выберите их свойства;
- после разметки элементов нажмите «Готово» — и система соберет в одной группе страницы с аналогичным шаблоном; согласитесь с предложенным составом группы или создайте свою группу;
- проверьте каждую страницу из группы — корректно ли система разметила ее; если все в порядке, опубликуйте микроразметку для группы страниц.
После того как Google в очередной раз просканирует страницы, он учтет заданную микроразметку. Для отмены/изменения разметки откройте раздел «Маркер» в Search Console и найдите нужную группу страниц.
Если вы удалите разметку с помощью Маркера, то после следующего обхода страницы роботом он перестанет ее учитывать.
Плюс инструмента в том, что не нужно вникать в синтаксис и вносить изменения в код сайта. Для сайтов с большим количеством однотипных страниц это удобный инструмент.
Но передаваемые данные актуальны только для робота Google, поэтому если вас интересует продвижение в Яндексе, то смысла пользоваться Маркером нет.
Плагины для CMS WordPress
Для быстрого внедрения микроразметки есть специальные плагины:
- Schema. Плагин для создания микроразметки Schema.org на основе синтаксиса JSON-LD. В бесплатной версии с его помощью можно разметить статью, блог, шапку сайта и подвал, хлебные крошки, страницу о себе и с контактами, видео, информацию об авторе, аудиотрек. В платной версии (от 99$) добавляется возможность размечать товары, рецепты, услуги, приложения. события, курсы, вакансии и другие сущности.
- Schema — All In One Schema Rich Snippets. Поддерживает разметку Schema.org на основе Microdata. Доступные сущности: отзывы, события, люди, товары, рецепты, приложения, видео, статьи. Плагин бесплатный.
- WP SEO Structured Data Schema. Плагин для микроразметки на основе Microdata. В бесплатной версии поддерживает такие сущности: организации, локальный бизнес, новостные статьи, записи в блоге, события, товары, видео, услуги, отзывы, рейтинг, рестораны. Больше сущностей доступно в платной версии. Стоимость — 49$.
- Schema & Structured Data for WP & AMP. Очень функциональный плагин с 33 сущностями и поддержкой AMP. Использует синтаксис JSON-LD. Подойдет не только новичкам, но и профи. Базовая версия бесплатная, версия Про — от 49$.
Как работать с плагином (на примере плагина Schema)
После установки плагина в боковом меню админпанели появляется раздел Schema. В настройках на вкладке «General» укажите тип сайта и загрузите логотип.
На вкладке «Knowledge Graph» укажите, кого представляет сайт — человека или организацию, а также имя/название организации и URL сайта. Эти данные необходимы для попадания сайта в граф знаний в результатах выдачи Google.
На вкладке «Schemas» укажите страницы о себе и с контактами. Здесь же вы можете включить разметку шапки сайта, подвала, хлебных крошек, комментариев, аудио и видео.
На вкладке «Advanced» вы можете включить опцию удаления всей добавленной на сайт микроразметки при удалении плагина Schema.
После сохранения изменений в исходном коде страниц в разделе HEAD появляется код JSON-LD. При проверке с помощью валидатора Google ошибки отсутствуют — плагин работает корректно.
Остальные плагины работают по похожему принципу. Главное, что с их помощью вам не придется вникать в код и вносить в него изменения.
Что важно запомнить
- Schema.org — это словарь сущностей и их свойств для описания элементов на сайте. Главная цель внедрения на сайт — улучшение внешнего вида сниппета в поиске и повышение его CTR.
- Для микроразметки с помощью Schema.org используется разный синтаксис: JSON-LD, Microdata, RDFa, микроформаты.
- JSON-LD не подходит для продвижения в Яндексе — используйте здесь Microdata или RDFa. Параллельно внедрять JSON-LD при этом не стоит. Если же вы продвигаетесь только в Google, используйте только JSON-LD.
- Для создания кода семантической разметки используйте генераторы. Перед добавлением на сайт проверьте код на ошибки с помощью валидаторов Яндекса/Google.
- Если для вы продвигаетесь только в Google, то размечать страницы удобно с помощью Маркера в Search Console. Если же вас интересует Яндекс, то такая разметка не имеет смысла.
- Для упрощения работы над микроразметкой используйте плагины для WordPress (или вашей CMS). С их помощью вам не придется вносить изменения в исходный код.
- При выборе плагина учитывайте типы сущностей и синтаксис, который они поддерживают. Так, плагин Schema хорошо подходит для продвижения в Google, но Яндекс не распознает микроразметку JSON-LD. Для Яндекса нужны другие плагины, которые поддерживают Microdata.
Как видите, микроразметка не так страшна и ее вполне можно сделать самому. Главное, хорошо понимать, какие сущности подходят для вашего сайта и что вы хотите получить в итоге, описав те или иные элементы. А внедрение на сайт — это уже дело техники. И быть программистом здесь совсем не обязательно.
Поисковые роботы с каждым апдейтом все лучше и лучше понимают содержимое страниц в интернете, но без микроразметки они делают это менее эффективно. В статье разберем, как сделать микроразметку в микроданных и JSON-LD самостоятельно.
Что такое микроразметка и зачем она нужна
Микроразметка нужна для поисковиков. Google и «Яндекс», которые лучше понимают содержание сайтов, если указать им куда «смотреть». Например, что на странице находится товар определенного бренда, у которого есть характеристики, cтоимость, рейтинг.
Пример микроразметки. Сущность «AggregateRating» указывает на наличие рейтинга у компании
Стандарт семантической разметки данных называется Schema.org. Он появился более в 2011 году с подачи поисковиков Google, Yahoo и Microsoft. Все современные поисковики ее поддерживают, включая «Яндекс».
Одно из преимущество микроразметки — расширенный сниппет. Она делает карточку сайта более заметной, что в теории может повысить количество кликов. Правда, не факт, что поисковик выдаст сниппет, но робот в любом случае считает его данные. Подробнее — в статье «Как сделать расширенные сниппеты в выдаче „Яндекса“ и Google».
Карточки, которые получили расширенный сниппет в выдаче Google из-за наличия разметки
Микроразметка прямо не влияет на выдачу, но более структурированные описания сайтов могут подниматься выше. Например, вот как «Яндекс» использует данные из разметки:
-
Для товаров, медиа, рецептов, организаций формируются специальные сниппеты.
-
Для вопросов и ответов поиск выделяет лучшие ответы.
-
Изображения и видео с разметкой лучше предоставляются в поиске.
В Google разметка позволяет более точнее анализировать данные сайта и открывает особые функции.
Читайте также:
Поведенческие факторы: накрутить или улучшить сайт
Какие виды микроразметки бывают
Schema.org — не единственный стандарт микроразметки. Кроме него, существует другие:
-
Microformats. Открытый стандарт, который появился в 2007 году. Изначально был простым, но сейчас с ним взаимодействовать не так эффективно, как с Schema.org.
-
The Open Graph protocol. Разметка для соцсетей, чтобы правильно считывать данные из шапок статей во время репоста в ленту.
-
«Дублинское ядро». Разметка для электронных библиотек и документов.
-
FOAF. Используется для нетворкинга в интернете и поиске связей между людьми.
Далее будем только Schema.org, как наиболее популярный. У него четыре вида синтаксиса (микроданные, RDF, микроформаты, JSON-LD), но нас интересуют только два:
-
Микроданные. Работает на HTML. Принцип строится на создании «контейнеров» и помещении в них данных.
-
JSON-LD. Работает на JavaScript. Принцип написания — давать команды словарю. Содержит меньше строчек кода, рекомендован Google и виден только поисковым роботам.
Важно: Schema.org — это словарь, а, например, JSON-LD — это ситаксис. Синтаксис — это набор тегов и правил для обращения к словарю. У каждого синтаксиса он свой.
Google рекомендует использовать JSON-LD, но «Яндекс» его не поддерживает. Валидацию в обоих поисковиках проходят оба, поэтому для сайтов лучше ставить .
Как сделать и вставить микроразметку на сайт
Микроразметка создается тегами с помощью дополнительных атрибутов. Чтобы использовать микроразметку знать код не обязательно. В помощь — маркеры, сервисы и плагины.
Маркеры данных от Google
У Google есть «Мастер разметки структурированных данных». В нем вы указываете сайт или HTML-код, выбираете сущность и прописываете данные. После — выгружаете готовый код и вставляете в шапку сайта.
Плюсы:
-
Можно загрузить ссылку на сайт и разметить теги прямо на ней.
-
Простая визуализация и интуитивно понятный интерфейс.
-
Код можно выгрузить в микроданных или JSON-LD.
Минусы:
-
Ограниченное число сущностей.
Микроразметка статьи в «Маркере данных»
Кроме «Мастера» существует инструмент «Маркер» с расширенным функционалом. Для его использование нужно подключить свой сайт к сервису Google Search Console, внедрение кода будет происходить автоматически.
Плагины для CMS
Если ваш сайт работает на WordPress, «Битриксе» или «Тильде», то для вас уже подготовлены удобные плагины или инструкции:
-
All In One Schema Rich Snippets — бесплатный плагин для WordPress, размечает Schema в семантике микроданных (microdata).
-
Schema — плагин для WordPress, размечает в JSON-LD. Есть бесплатная версия с ограниченными функциями.
-
Микроразметка Schema.org — плагин для ресурсов, созданых на «1С-Битрикс».
-
Инструкция — для сайтов на Tilda.
Читайте также:
Самые популярные CMS в Рунете
Ручной способ
Готовая микроразметка в шапку страницы внутри тегов <head> </head>. Полный список всех атрибутов и сущностей есть на сайте Schema.org. В JSON-LD для сущностей используют команды @contex, @type, а свойства указывается через кавычки.
Каркас для микроразметки JSON-LD
Набирать код в JSON-LD вручную не обязательно, есть генераторы:
-
Schema Markup Generator. Бесплатный конструктор, набор сущностей ограничен.
-
Schema App. Платный конструктор, поддерживает все сущности.
Конструктор микроразметки в JSON-LD
В микроданных (microdata) сущности указывают через команду itemscope, а itemtype и itemprop помогают определить тип и значение.
Каркас для микроданных (microdata) в Schema
Если в случае JSON-LD прописывать вручную код не обязательно, то для микроданных (microdata) нормальных конструкторов и сервисов нет — вам придется писать код самостоятельно, либо обратиться к верстальщику. Найти специалиста поможет сервис Workspace — сделайте техническое задание, бесплатно разместите его в разделе «Задачи» и выбирайте исполнителей по откликам.
Как проверить микроразметку
Перед тем, как вставлять код на сайт, его нужно проверить. Если будет даже одна ошибка, то поисковый робот не считает всю разметку.
Используйте валидаторы:
-
Schema Markup Validator. Рекомендованный сервис от Google для проверки кода или сайта с микроданными (microdata) или JSON-LD. Показывает структурность данных.
-
Валидатор микроразметки. Сервис от «Яндекса» для проверки кода или сайта с микроданными (microdata). Умеет показывать структуру списком.
-
Онлайн валидатор JSON. Простой сервис для быстрой проверки кода на JSON-LD.
Как проверять код? Загрузите сайт или код, нажмите тест и проверьте результат. В случае обнаружение ошибки валидатор подскажет, в чем проблема и на какой строчке. Например, на скриншоте ниже не указан тип данных, чтобы это исправить, нужно поставить сущность «отель» или «организация».
Проверка микроразметки с помощью валидатора
Примеры микроразметки
Разберем основные типы сущностей и код.
Микроразметка для компаний
Микроразметка указывает на адрес и контактную информацию организации. Посмотреть полный список можно на стра разметку для комнаты в отеле на странице Hotel и в подробном гайде Markup for Hotels.
Пример в микроданных (microdata) Schema.org. Можно использовать общий тип «Organization», либо указать точную сферу деятельности. Используем, например, отель. Обратите внимание на атрибут address и его вариации — это может быть Locality (город), Region (область), Country (страна). Также можно добавить координаты с помощью атрибута «geo».
Микроразметка в микроданных (microdata) Schema.org для организаций
Микроразметка в JSON-LD для организаций
Микроразметка для товаров и услуг в онлайн-магазинов
Для разметки используют тип данных Product. Это может быть телефон, билет на концерт, запись в салон красоты или цифровой товар.
Пример в микроданных (microdata) Schema.org. Полезные атрибуты:
-
aggregateRating — указывает рейтинг товара
-
offers — указывает на продажу товара
-
priceCurrency и price — показывает тип валюты и стоимость
-
availability — говорит о наличии товара. Например, In Stock (в наличии), Out Of Stock (нет в наличии). Есть еще другие варианты: Online Only, Pre-order, Sold out и т. д.
Разметка в микроданных (microdata) Schema.org для товара
Разметка в JSON-LD для товара
Микроразметка для рецептов и кулинарных сайтов
Разметка по shema.org помогает поисковым работам выделиль ключую информацию о рецепте — ингредиенты, количество калорий, время приготовления.
Пример в микроданных (microdata) Schema.org. Атрибуты prepTime, cookTime и totalTime покажут время на готовку — данные ставятся в формате AM и PT. Описание можно сделать через recipeInstructions или HowToStep.
Микроразметка для рецепта в микроданных (microdata)
Микроразметка для рецепта в JSON-LD
Микроразметка для статей и публикаций на сайт
Атрибуты указывают на название статьи, автора статьи, дату публикации. Подробнее об этой разметке и полный список атрибутов смотрите в разделе Article.
Пример в микроданных (microdata) Schema.org. Наиболее часто используют Article, как универсальный тип данных. Кроме него существует:
-
NewsArticle. Для новостных и обновляемых публикаций.
-
BlogPosting. Для публикаций в блог.
Пример разметки статей в микроданных Schema.org
Пример разметки статей в JSON-LD
Микроразметка для хлебных крошек
Эта сущность помогает указать подразделы сайта — будет актуально для маркетплейсов, онлайн-магазинов и сайтов-каталогов.
Выдача «хлебных крошек» с микроразметкой и без нее
Посмотреть атрибуты можно на странице BreadcrumbList, а в нашей статье «Все о „хлебных крошках“» рассказываем, как их делать.
Пример в микроданных (microdata) Schema.org.
Указываем тип «BreadcrumbList» и далее через ListItem ставим позицию, название и ссылку на подраздел сайта.
Микроразметка (microdata) хлебных крошек в Schema.org
Микроразметка хлебных крошек в JSON-LD
Микроразметка для отзывов и рейтингов
Наличие отзывов и их содержание часто напрямую влияет на решение о покупке. Исследование AliExpress показало, что каждая пятая покупка в интернете была совершенно именно из-за отзывов. Микроразметка поможет поисковым роботам найти рейтинги, дату публикации и авторов отзывов. Полный список атрибутов — в разделе Review на сайте schema.org.
Пример в микроданных (microdata) Schema.org. На примере ниже размечен автор, дата публикации и «тело» комментария. Обратите внимание на атрибут reviewRating (Rating): он позволяет выставить оценку, указов диапазон и общее колличество отзывов.
Микрораазметка (microdata) отзыва в Schema.org
Микроразметка отзыва в JSON-LD
Микроразметка для вопросов и ответов
Посмотреть все атрибуты можно в разделе FAQPage. Также существует QAPage, где ответы или отзывы опубликованы от лица пользователей. Также обратите внимание на HowTo — ее атрибуты позволяют разметить шаги в инструкции.
Пример в микроданных (microdata) Schema.org. Количество ответов может быть любым, но вряд-ли стоит добавлять более десяти. За формирование вопросов и ответов отвечает связка mainEntity + acceptedAnswer.
FAQ-микроразметка может выводиться как расширенный сниппет в Google
Микроразметка вопросов и ответов в Schema.org
Разметка FAQ в JSON-LD
Микроразметка для мероприятия
Микроразметка события поможет показать поисковым роботам где будет проходить мероприятие, сколько оно стоит и как купить билеты.
Разметка показывает дату, место и цену мероприятия, выводится первой в сниппете
Пример в микроданных (microdata) Schema.org. Уникальная черта микроразметки для событий — указание даты начала и конца мероприятия. В остальном используются атрибута Place и Offers, которые мы приводили в примерах для организаций и товаров. Полный список атрибутов — в Event.
Микроразметка (microdata) для сайта мероприятия
Микроразметка для сайта мероприятия в JSON-LD
Микроразметка для изображений
Помогает проиндексировать картинки, изображения и иллюстрации.
Пример в микроданных (microdata) Schema.org. За разметку картинок отвечает ImageObject. Он позволяет быстрее выводить их в поиске, а еще добавлять спецификацию фотографий по выдержке, формату, дате, локации и т.д.
Микроразметка (microdata) картинок в Schema.org
Микроразметка изображений в JSON-LD
Микроразметка для видео
За разметку видеороликов отвечает VideoObject. В Google микроразметка может дать расширенный сниппет, если указать ключевые моменты ролика через атрибуты Clip или SeekToAction.
Микроразметка видеоролика с ключевыми моментами
В «Яндексе» есть возможность выводить плеер в поиск атрибутом embedUrl. Правда, он доступен только для хостингов, у которых более 500 роликов.
Пример в микроданных (microdata) Schema.org.
Микрразметка видео в Schema.org
Микроразметка видео в JSON-LD
Главное
Основные тезисы материала:
-
Микроразметка позволяет поисковым роботам эффективней проверять страницы и создавать расширенные сниппеты.
-
Schema.org — это словарь, который содержит описание всех сущностей в микроразметке.
-
Существует несколько видов синтаксиса Schema.org, самые популярные — микроданные (microdata) и JSON-LD.
-
Google и «Яндекс» поддерживают любой синтаксис Schema.org, но для Google лучше размечать через JSON-LD, а для «Яндекс» — через микроданные (microdata).
-
Используйте сервисы и плагины для автоматического создания кода в JSON-LD.
-
Для создания кода в микроданных (microdata) используйте ручной метод или ищете специалистов через сервис Workspace.
-
Проверяйте микроразметку через валидаторы перед публикацией. Наличие одной ошибки делает нечитабельным весь код для поисковых роботов.