Как добавить микроразметку на сайт
Самый сложный и рискованный способ — добавлять микроразметку в код страниц вручную, поэтому так делать не рекомендуем. Рассказываем, как автоматизировать процесс.
Маркер данных в Google Search Console
Ссылка на инструмент
Еще один инструмент от Google. Обратите внимание — для того, чтобы им воспользоваться, у вас должен быть доступ к сайту через Search Console.
- Разметьте элементы страницы;
- Если вы выбрали разметку группы страниц, инструмент предложит вам список похожих. Или выберите все, или создайте собственную группу.
У нас в блоге много статей, поэтому, видимо, превью сломались
- Проверьте правильность разметки на той странице, с которой вы изначально работали;
- Исправляйте ошибки на предложенных страницах — инструмент покажет несколько. Это нужно для того, чтобы научить сервис правильно определять элементы страниц. В список может по ошибке попасть страница сайта, не похожая на ту, что вы размечаете. Просто удалите ее;
- Проверьте результат. Если все размечено правильно, нажмите Опубликовать.
Google Tag Manager
В Google Tag Manager микроразметка размещается через переменные, а не путем копирования кода в GTM. Если копировать каждый блок микроразметки, велика вероятность что-то потерять.
Например, чтобы динамически создать блок JSON-LD для рецепта, нужно задать пользовательскую переменную с названием вроде recipe_name:
Потом эту переменную можно будет использовать в коде тега разметки:
Полная инструкция есть в справке Google.
Еще раз отметим, что у Google есть собственное руководство по микроразметке, хотя он и принимает большинство схем Schema.org. На всякий случай рекомендуем сверяться.
Плагины микроразметки для CMS
С CMS проще всего — для них есть специальные плагины. Если вы работаете на WordPress, используйте один из этих:
Если на Drupal, то для него тоже есть модуль Schema.org.
Для Joomla! есть расширение J4Schema.org, которое работает с редактором JCE.
Разметка FAQ и QA для Google
У Google есть разметки FAQPage и QAPage. Они работают похожим образом, но первая подходит для страниц с заранее заготовленными ответами, а во втором случае ответы пишут сами пользователи.
Ссылки на документацию Schema.org: FAQPage, QAPage, Question, Answer
С помощью обеих схем разметки можно получить сниппет с дополнительными вопросами и создавать действия для Google Ассистента.
FAQPage
Есть несколько правил использования разметки FAQPage:
QAPage
Правила использования разметки QAPage:
Как сделать микроразметку FAQ
Можно не тратить на это свое время и использовать инструмент:
Генератор разметки FAQ
Чтобы с большей вероятностью получить сниппет с вопросами и ответами, подумайте, что может заинтересовать пользователей, и покажется релевантным поисковому роботу. Вот несколько идей:
Ссылки на дополнительную информацию
Чтобы побудить пользователя перейти на сайт, можно добавить ссылок. Если текст ответа большой, в конце будет ссылка Еще в конце, которая может обещать продолжение списка:
Ссылка на продолжение ответа
Но можно добавить дополнительные ссылки и в сам текст ответа. Даже если пользователь не откроет страницу, чтобы дочитать ответ на этот запрос, его может заинтересовать ссылка на что-то связанное с темой:
Ссылка в самом ответе
Запросы из Google Search Console
Способ от эксперта по оптимизации DrMax:
- Включите в диаграмме вывод всех данных (клики, показы, CTR и позиции).
- Найдите вкладки ниже диаграммы и выберите вкладку Страницы. Здесь будут собраны все страницы, где есть запросы для FAQ.
- Нажмите на любую страницу, которая должна добавиться сверху над диаграммой, и перейдите на вкладку Запросы.
- Выберите привлекательные запросы. Самые важные задействуйте в первой и второй позиции FAQ.
- Удалите страницу над диаграммой и перейдите к пункту 7.
Найдите на YouTube и в соцсетях видео или посты по вашей теме и изучите, какие вопросы задают пользователи.
Опыт отдела продаж
Спросите у сотрудников, которые работают с клиентами, какие вопросы задают чаще всего. Если есть целый отдел продаж, можно разослать анкету. Так вы найдете проблемы, опасения и возражения, которые есть у вашей аудитории, и сможете использовать это если не в FAQ, то в другом контенте на сайте.
Блок Похожие запросы
В Похожих запросах Google собирает популярные запросы пользователей по той же теме. Он сам счел их подходящими, чтобы вывести в выдачу, их нужно использовать.
Статьи по теме
Влияние цвета на человека
Сниппеты и прочие элементы
У вас кулинарный блог? Оптимизируйте свои рецепты под поисковую выдачу, чтобы пользователь мог видеть время приготовления, оценки, БЖУ и количество калорий.
Товары, Книги и Фильмы
Можно оптимизировать страницу товаров. Рассмотрим на примере американского гиганта Amazon. У товара отображается рейтинг продавца и количество отзывов.
Абсолютно такая же история нас ждет с книгами.
В эту же категорию можно отнести фильмы и сериалы, у которых набор отображаемых практически идентичен, но есть дополнительные разделы.
Поддерживают данный вид разметки все три поисковика–Google, Bing и Yahoo.
How-to и FAQ
Если вы часто пишите гайды, советы и инструкции на своем ресурсе, то обязательно используйте эти атрибуты schema.org. Вы можете заранее ответить на вопросы потенциальных клиентов и заставить их принять решение в вашу пользу. Расширенная выдача в таком случае выглядит следующим образом:
Как сделать микроразметку Schema.org на сайт
Можно написать код руками с помощью инструкций, но так вы рискуете где-нибудь ошибиться. Для генерации микроразметки есть несколько сервисов.
Мастер разметки структурированных данных Google
Это бесплатный инструмент от Google, еще и очень наглядный. Его плюс в том, что вам не нужно будет искать, куда вставить полученный код — он выдаст готовый код для всей страницы.
Введите адрес страницы и выберите тип разметки.
Выбирайте один за другим элементы страницы и отмечайте их. Отмеченные будут появляться в поле справа. Там же вы увидите, какие объекты желательно разметить для выбранного типа страницы.
Schema Markup Generator
Этот сервис поддерживает только JSON-LD и не такой наглядный, как инструмент от Google.
Инструмент от webcode.tools
Работает точно так же, как и предыдущий — нужно выбрать тип контента и вручную заполнить поля.
Microdata Generator
Бесплатный инструмент, который поддерживает и Микроданные, и JSON-LD. Существенный недостаток — в нем есть только схемы для бизнеса (Local Business).
В сервисе есть дисклеймер о том, что полученный результат может не подойти вам идеально, так что лучше свериться с официальной документацией.
Синтаксис микроразметки
Помимо самого словаря нужен синтаксис или формат кода разметки. Можно сказать, что это способ передать данные из словаря. Их тоже несколько: JSON-LD, микроданные и RDFa. В каталоге Schema.org есть примеры и для записи Microdata, и для JSON-LD, но последний не работает для Яндекса.
Формат Microdata (Микроданные)
Рассмотрим, как это выглядит на практике, на примере схемы Organization.
- Открываем
<div itemtype=http://schema.org/Organization>. - Описываем его свойства.
Формат JSON-LD
Разберем подробнее на примере той же схемы Organization.
Какие данные подлежат микроразметке для интернет-магазинов?
Если вы уже успели воспользоваться приведенными выше инструментами и узнали, что страницы вашего веб-сайта не содержат микроразметки, тогда этот блок для вас. Прежде всего, отметим, что каждый сайт, в том числе интернет-магазин, имеет собственную структуру. Так, микроразметке будут подлежать разнообразные данные — все зависит от ваших целей, потребностей, специфики веб-сайта и т.д.
Отметим, что не стоит размечать все страницы интернет-магазина: на такую задачу может и целой жизни не хватить! Поставьте конкретную цель и выберите только те данные, которые будут наиболее полезными для пользователей, чтобы привлекать к сайту как можно больше трафика.
Ниже мы делимся наиболее распространенными вариантами микроразметки, которые будут полезны для интернет-магазина.
LocalBusiness
Когда пользователи ищут определенное местное заведение, им не нужна страница блога или другая техническая информация. Потребитель интересует бизнес-информация, такая как адрес, номер телефона, часы работы и т.д.
Разметку LocalBusiness добавляют на главную страницу веб-сайта, и она может отображаться несколькими способами в поисковой выдаче с помощью расширенных фрагментов. Так, разметка LocalBusiness улучшает пользовательский опыт, если пользователи захотят записаться за консультацию, позвонить или сделать заказ.
Этот тип разметки содержит информацию о названии бренда, адресе, контактных данных, часах работы и типе бизнеса (услуги). Чтобы добавить разметку LocalBusiness на главную страницу веб-сайта, перейдите к HTML-коду страницы и добавьте соответствующий код между открывающими и закрывающими тегами.
Open Graph
Теги Open Graph не влияют непосредственно на SEO страницы, но они улучшают отображение и удобство использования ваших ссылок в социальных сетях.
Чтобы добавить протокол Open Graph на страницу своего веб-сайта, выполните следующие действия:
BreadcrumbList
Разметка BreadcrumbList предоставляет больше информации об архитектуре сайта для поисковых систем и потенциальных клиентов. Ее преимущество заключается в том, что вы можете настроить, как страница будет отображаться в результатах поиска. Обычно такую микроразметку прописывают на всех страницах с хлебными крошками.
Product
Микроразметку Product можно использовать для отдельного товара или категории товаров. Информация из кода будет отображаться в сниппете в поисковой выдаче, включая цену, отзывы, рейтинги, описание продуктов и т.д. Это помогает пользователям быстро принимать решение о покупке.
WebSite
Интернет-магазины могут улучшить пользовательский опыт с помощью микроразметки поисковой строки, чтобы направить пользователей в нужный раздел веб-сайта. Фрагмент кода добавляется на главную страницу веб-сайта.
ImageObject и VideoObject
Типы микроразметок
Микроразметки Image- и VideoObject описывают отдельное изображение или видео в контексте добавленного на сайт медиа-объекта.
Вы можете добавить к изображению следующую информацию: данные об авторстве, дату создания, описание изображения и т.д.
Так, если пользователь будет производить поиск по картинке, тогда ваш веб-сайт попадет в результаты поисковой выдачи.
ImageObject
Определение изображения.
VideoObject
Для VideoObject принцип работы похож на разметку для изображений: вы можете добавить информацию о продолжительности и авторстве видео, даты его записи и т.д.
Review/AggregateRating
Микроразметка Review/AggregateRating будет уместна для всех страниц вашего веб-сайта, на которых есть отзывы.
Общая информация в виде средней оценки или рейтинга будет отображаться в сниппете в поисковой выдаче.
Наличие отзывов сразу в поисковой выдаче побуждает потенциальных посетителей просматривать вашу страницу и совершать покупки.
Article
Микроразметку Article следует добавить ко всем категориям блога или категориям веб-сайта, где есть исчерпывающий текстовый контент: новости, статьи, идеи использования товаров и т.д.
Person
Наверняка вы неоднократно видели сниппеты в Google с ответами на вопросы, подобные вашему поисковому запросу.
Такой формат не только улучшает пользовательский опыт, но и вызывает доверие к вашему сайту у рядовых посетителей.
Разметка FAQ Page будет уместна для всех страниц интернет-магазина, где есть блоки вопрос — ответ.
Советы по использованию Schema.org
Есть возможность использовать микроразметку? Однозначно Используйте!
Даже, если вы думаете, что ваша страница не будет выводится в расширенной выдаче — вам все равно стоит использовать разметку.
Почему?
Вот ответ Джона Мюллера (руководитель направления и SEO-аналитик Google):
Из чего следует вывод о том, что чем лучше поисковик поймет ваш контент, тем больше шансов, что он будет отображен более релевантно.
Любые глобальные события, порой очень сильно влияют на SERP, а также на актуальность информации при индексировании.
И пандемия COVID — это отличный пример того, почему важно использовать микроразметку.
Представьте, у вас небольшой автосервис, есть небольшой сайт с функцией записи.
Из-за пандемических ограничений вам пришлось изменить время работы компании, в том числе на сайте.
Но из-за того, что ваша страница не размечена, поисковик может не понять, где конкретно указано время работы.
Это может негативно повлиять на пользовательский опыт ваших потенциальных клиентов.
Важно: Не забывайте следить за обновлениями проекта Schema.org.
Команда проекта время от времени обновляет документацию, добавляя новые фишки и регулируя работу старых.
Когда микроразметка во вред ранжированию
Раздел находится в разработке.
Всё, на что обращают внимание вебмастера и тем более – SEO-специалисты, рано или поздно становится проблемной зоной. В первую очередь – из-за перегибов с использованием, спама и трюков, не предусмотренных поисковыми системами.
Микроразметка также может быть причиной того, что сайт будет понижен в выдаче. Простой пример: в сниппете, формируемом микроразметкой “Товар”, выводятся “звёздочки” рейтинга. Это привлекает внимание пользователей поисковой системы, это смотрится красиво. Но нужно понимать, что рейтинг товара должен формироваться реальными пользователями. Некоторые же “оптимизаторы” выводят туда неизменяемые данные.
Другой часто встречающийся случай – когда используется неподходящий тип структурированных данных, либо эти данные не соответствует содержанию сайта (например, в микроразметке значится одна цена, на сайте выводится другая).
За нарушения подобного рода сайт может быть понижен в ранжировании, а в панелях вебмастеров появится уведомление с требованием внести правки.
Микроразметка для интернет-магазинов — как внедрить ее на свой веб-сайт?
Каждый раз, когда пользователь ищет определенный продукт в интернете, он попадает на страницу поисковой выдачи, которая в большинстве случаев содержит множество результатов. Поскольку вероятность просмотра всех страниц почти нулевая, очень важно, чтобы ваш бизнес выделялся.
Конечно, можно сосредоточиться на платном продвижении и контекстной рекламе. Однако следует учитывать, что почти пользователей сосредачиваются исключительно на результатах органического поиска и вообще игнорируют платную рекламу. Не стоит огорчаться, ведь существует довольно эффективный, но многими забытый метод — микроразметка сайта.
Микроразметка schema помогает поисковым системам понять содержимое вашего веб-сайта. Добавляя теги и атрибуты к странице интернет-магазина, вы предоставляете пользователям более исчерпывающую информацию о своем бренде и продукте, а также повышаете свои позиции в рейтинге поисковой выдачи.
В этой статье мы сосредоточимся на следующих вопросах: для чего нужна разметка страниц для интернет-магазина, какие есть виды микроразметки и самые распространенные ошибки при ее внедрении на сайт.
Примеры использования микроразметки в Nuxt.js для различных типов контента
Микроразметка может быть полезна на веб-странице для таких элементов, как статьи, товары, категории и другие. Например, вы можете использовать специальные теги и атрибуты для указания названия, автора, даты публикации, описания и другой информации о статье. Поисковым системам это поможет более точно понимать и анализировать ваш контент.
Максимально простой пример для понимания, как выглядит код с микроразметкой:
<script type=application/ld+json>
{
@context: https://schema.org,
@type: Article,
headline: Article Headline,
image: http://www.example.com/image.jpg
}
</script>
А вот как выглядит этот же код без неё:
<h1>Article Headline</h1>
<img src=http://www.example.com/image.jpg>
Микроразметка для изображений
Микроразметка также может быть применена к изображениям на веб-странице. Например, вы можете использовать атрибуты alt, title и другие для указания описания изображения, его размеров и другой информации. Это поможет поисковым системам лучше понять содержимое изображений и улучшит их отображение в результатах.
### Микроразметка для видео
Если на вашей странице присутствуют видео, то вы также можете использовать микроразметку для их лучшего понимания поисковыми системами. Например, вы можете применить атрибуты video и другие, чтобы указать заголовок, описание, продолжительность, автора и другую информацию о видео. Это поможет повысить видимость ваших видео в результатах поиска и привлечь больше пользователей.
### Микроразметка для ссылок
Когда дело доходит до ссылок на вашей странице, микроразметка также может быть полезна. Используйте различные атрибуты, такие как href, target, “rel” и другие, чтобы указать тип ссылки (например, на страницу товара или категории) или добавить дополнительную информацию о ссылке. Это поможет поисковым системам лучше понять содержимое ссылок и предоставить более точные результаты.
Разберем важность применения атрибутов на примере одного из них — “rel” (от англ. relationship – отношение), влияющего как на безопасность, так и на поведение поисковых роботов:
“rel” — это атрибут HTML, описывающий ссылку. Он обозначает, что это за ссылка и на какой адрес она ведет. Работает это следующим образом: когда ссылка направляет пользователя на адрес, атрибут рассказывает поисковым системам, почему именно туда.
Рассмотрим примеры значений атрибута “rel”:
Мы рассмотрели лишь несколько примеров, на деле же значений для атрибута “rel” множество.
## Микроразметка Schema.org — примеры
Обращаем внимание, что можно по-разному разметить несколько элементов на одной и той же странице. Например, если у вас есть пошаговая инструкция с текстом и изображениями и она же в формате видео, разметить нужно все, чтобы страница появлялась в выдаче по разным запросам.
Чем больше свойств вы добавите, тем лучше — так поисковый робот быстрее поймет, что находится на странице, и покажет в сниппете больше информации.
Разберем еще несколько случаев, когда можно использовать микроразметку, на примерах Microdata и JSON-LD.
### Разметка товара и хлебных крошек
Для товарной позиции в интернет-магазине можно сделать разметку, включающую диапазон цен, описание, указание наличия товара, рейтинг и отзывы.
Пример разметки товара с ценой и рейтингом
Код для Microdata:
```html
<div itemscope itemtype=http://schema.org/Product>
<span itemprop=name>Product Name</span>
<span itemprop=description>Product Description</span>
<span itemprop=offers itemscope itemtype=http://schema.org/Offer>
<span itemprop=price>Price</span>
<span itemprop=priceCurrency>Currency</span>
<span itemprop=aggregateRating itemscope itemtype=http://schema.org/AggregateRating>
<span itemprop=ratingValue>Rating</span>
<span itemprop=reviewCount>Review Count</span>
</span>
</span>
</div>
Код для JSON-LD:
{
@context: http://schema.org/,
@type: Product,
name: Product Name,
description: Product Description,
offers: {
@type: Offer,
price: Price,
priceCurrency: Currency,
aggregateRating: {
@type: AggregateRating,
ratingValue: Rating,
reviewCount: Review Count
}
}
}
Сделать сниппет еще привлекательнее помогут Хлебные крошки — путь от главной до искомой страницы. На разметку обратят внимание оба поисковика, но Яндекс использует свои алгоритмы для формирования крошек.
Структурирование контактной информации
```markdown
Вы можете разметить контактные данные, чтобы они отображались сразу в сниппете.
### Разметка статьи
Для статьи в разметке часто указывают URL, автора, дату публикации, дату обновления, описание.
Сниппет статьи с рейтингом
Подробнее о разметке статей и других текстов в материалах:
Как настроить разметку Schema.Org для статей и других текстов
### Разметка рецептов
Для рецептов обычно размечают название, URL, калорийность блюда, время готовки. Можно добавить автора рецепта, количество порций.
В сниппете может быть и другая информация, к примеру, можно добавить рейтинг блюда или расписать подробно БЖУ.
Сниппет с рецептом
### Разметка для фильма
В такой разметке обычно указывают длительность, рейтинг, год выпуска, сборы, режиссера, главных звезд, могут добавить другие данные.
Пример сниппета фильма
## Интересные кейсы внедрения
Ну и закрепим мы нашу статью интересными кейсами внедрения технологии микроразметки по всему миру.
## Что можно разметить
Микроразметка нужна не только для расширенных сниппетов, которые отличаются от обычных тем, что содержат больше информации - хлебные крошки, отзывы, рейтинг, изображения.
У Google есть блоки, в которых он собирает информацию с нескольких сайтов, и показывает в объединенном виде, если считает, что пользователю так будет удобнее.
Или список мероприятий:
А в этом примере в выдаче по запросу фильм Фрида отзывы рейтинг подтянулся с нескольких сайтов:
Попасть в такие блоки можно также за счет внедрения микроразметки на сайт. В Яндексе это работает аналогично.
## Микроразметка и SEO
Само по себе наличие микроразметки на сайте не является фактором ранжирования и едва ли им станет. Это просто хорошая практика управления контентом и инструмент, с помощью которого вы упрощаете взаимодействие поисковых роботов с сайтом. Без внедренной микроразметки поисковые роботы с большей вероятностью извлекут случайные данные для формирования сниппета на странице поисковой выдачи. Микроразметка дает вам чуточку больше контроля. Ещё одно важное достоинство, прямо влияющее на SEO - это улучшение показателя кликабельности ссылки на ваш сайт, как мы уже упоминали выше.
Однако у микроразметки есть намного более важная функция: именно с её помощью вы помогаете поисковым алгоритмам отделить важный контент, уникальный в рамках сайта, от сквозных элементов.
Первичная оценка документа проходит по самым примитивным текстовым алгоритмам уровня “мешок слов”, и поисковая система оценивает вообще все слова, которые есть на странице. И если у вас небольшой объём основного контента на конкретной странице, это может привести к тому, что многие страницы с точки зрения текстовых алгоритмов будут практически одинаковы. Микроразметка позволяет избежать этой ситуации. Именно поэтому микроразметка Schema.org “Product” обязательно должна быть внедрена для товарных карточек. Как правило, степень сходства их в каталоге может составлять от 90% в одной категории, и без разметки поисковая система может счесть их нечеткими дублями. Микроразметка устраняет эту проблему.
Примечание по поисковому спаму
Имейте в виду: за поисковый спам в микроразметке поисковые системы могут сурово покарать, как и за спамные метатеги и тексты. Если подразумевается вывод пользовательских рейтингов товара или рецепта – на странице должна быть возможность эти рейтинги выставлять, иначе поисковая система также может наказать за ложные данные.
Если ваша система управления контентом сайта позволяет заполнять микроразметку вручную, в некоторых случаях стоит использовать эту возможность. Особенно это касается статей и другого информационного контента: не надо дублировать содержимое метатегов title и description. Товарные же каталоги размечать лучше в автоматическом режиме по заданному шаблону.
Разметка QA для Яндекс
У Яндекс нет отдельной разметки FAQ, но можно разметить страницы с вопросами, ответы на которые пишут сами пользователи. Для этого подходят типы Answer и Question.
Для разметки есть два обязательных свойства и два опциональных:
- Тип (type): Question или Answer
- Текст (text): текст вопроса или ответа
- Автор (author): автор вопроса или ответа
- Дата публикации (datePublished): дата публикации в формате ISO 8601
Яндекс не гарантирует, что страница с такой разметкой получит сниппет с вопросами и ответами.
Создание микроразметки с помощью Nuxt.js
Библиотека Nuxt.js предлагает различные плагины для создания и управления микроразметкой на вашем сайте. Существует несколько готовых плагинов для микроразметки, которые вы можете использовать в Nuxt.js. Вот некоторые из них:
Vue-meta
Удобный инструментом для управления SEO мета-тегами, включая микроразметку. Он позволяет вам определить мета-теги внутри файлов .vue компонентов и автоматически генерирует соответствующие мета-теги для каждой страницы. Вы можете найти примеры использования в репозитории плагина на GitHub.
Vue-jsonld
Если нужная вам функциональность не предоставляется сторонними плагинами, вы всегда можете создать собственный плагин для микроразметки в Nuxt.js. Для этого вам потребуется определить необходимые теги и атрибуты для вашей микроразметки, а затем реализовать логику внутри плагина для добавления и управления этой микроразметкой на вашем сайте.
Пример простого плагина на JavaScript, который можно применить для установки микроразметки в Nuxt.js:
// Код плагина
Чтобы активировать этот плагин в Nuxt.js, добавьте следующую конфигурацию в nuxt.config.js:
// Конфигурация плагина
Как проверить корректность разметки Schema.Org
После внедрения семантической разметки рекомендуется проверить ее на корректность с использованием специальных инструментов Google и Яндекса.
Наличие микроразметки Schema.Org и Open Graph проверит наш сервис для анализа сайта. Кроме сводки по 70+ тестам, он определит, корректно ли установлена микроразметка, и покажет превью ссылки с Open Graph.
Проверка микроразметки в сервисе
Есть и отдельные инструменты для проверки только разметки. В случае Google для проверки корректности применяется инструмент Проверка расширенных результатов. Разметку можно проверить на любом сайте: введите в поле URL или фрагмент кода и запустите проверку, а инструмент покажет ошибки и предупредит, какие графы еще можно заполнить.
Пример проверки разметки
### Пример проверки разметки
Яндекс интегрировал специальный валидатор в свой Вебмастер
Яндекс интегрировал специальный валидатор в свой Вебмастер. В него также можно вставить код или адрес страницы. Инструмент показывает, как парсер видит микроразметку.
Результаты проверки валидатором
Рекомендуем проверять через оба инструмента, чтобы удостовериться, что и Яндекс, и Google верно считывают информацию. Обратите внимание, что если доступ к странице заблокирован в robots.txt, с помощью метатега noindex или другим способом, бот не сможет считать разметку.
Собственный валидатор кода микроразметки. Пользоваться просто:
- Вставить код или адрес страницы.
- Нажать Проверить.
Если есть ошибки, это будет показано в поле справа. В нашем примере код в порядке.
Микроразметка FAQ&QA
С помощью схем разметки FAQ и QA в сниппет можно добавить ответы на популярные вопросы пользователей. В первом случае ответы на вопросы уже написаны, во втором отвечать могут сами пользователи.
Блок FAQ в сниппете
Есть два противоположных мнения о том, стоит ли это делать. Директор по SEO в Amsive Digital Лили Рей рассказала, как добавили разметку FAQPage Schema на страницы. При этом она считает, что в самом блоке FAQ нет проблемы, но ошибка в том, что они поместили слишком много информации в ответы. Люди редко кликают на результат, если получают всю нужную информацию из блока часто задаваемых вопросов. Им просто незачем это делать.
Влияние FAQ на трафик
SearchPilot тоже протестировали часто задаваемые вопросы. Коммерческие страницы, у которых появился блок FAQ в выдаче, быстро начали доминировать: компания наблюдала увеличение трафика на коммерческие страницы в диапазоне от 3% до 8%. Компания полагает, что сниппеты коммерческих страниц с FAQ получают больше кликов, поскольку:
- Показывают больше информации
- Привлекают внимание пользователей
- Улучшают юзабилити страницы
Что делать, если поисковики не видят микроразметку
Вы внедрили на сайт какой-то тип микроразметки, но это никак не отразилось на результатах поиска? Причин может быть несколько.
Пожалуй, это всё, что надо знать о структурировании данных с помощью микроразметки для начинающих. Если у вас есть вопросы – спрашивайте в комментариях или обращайтесь через форму обратной связи.
Приведем вашу разметку в порядок
Частный SEO-специалист. Продвижение интернет-магазинов и сайтов услуг, SEO-аудиты
Проверяем вашу разметку
Если у вас есть вопросы или нужна помощь с разметкой, свяжитесь с нами.
После всех наших манипуляций из прошлого раздела статьи, проверим правильность наших действий. Используем снова инструмент от Google — Structured Data Testing Tool. После того, как перейдете по ссылке, не стоит пугаться, там будет два инструмента:
- Проверка расширенных результатов от Google.
- Валидатор Schema.org.
Учитывая, что скрипт мы не загрузили, результат у нас — “Ничего не обнаружено”. В вашем же случае, должны быть указаны элементы, которые вы разметили в коде. Для разнообразия, проверим одну из наших недавних статей на vc.ru.
И тут мы уже видим, что присутствуют элементы расширенной выдачи:
- Статьи
- Строки навигации
- Логотипы
Как интегрировать микроразметку на сайт
В большинстве случаев вам надо обратиться к разработчикам сайта: интеграция микроразметки – рядовая операция, которая займет от получаса до пары часов в зависимости от используемых шаблонов и их количества.
Для многих систем управления контентом (CMS) существуют сторонние плагины: есть они, например, для WordPress, Joomla! и других популярных систем.
После интеграции и настройки микроразметки на сайт не забудьте проверить ее сервисами от Google и Яндекс.
Имейте в виду: результаты валидации у этих поисковых систем могут отличаться, потому что стандарты у них также отличаются. Что нормально для Яндекс, может быть источником ошибок для Google, и наоборот.
Есть и инструмент проверки Open Graph:
Если перепост с сайта смотрится плохо или неправильно – проверьте ссылку с помощью этого дебаггера. Обычная проблема – еще никто не нажимал на кнопку перепоста, и в кэше этой соцсети пока нет никаких данных:
В таком случае надо лишь нажать на кнопку “Получить новую информацию” и посмотреть на результаты парсинга.
Как микроразметка помогает в борьбе с дублями
Поисковые системы используют микроразметку, чтобы решить две основные задачи:
Представьте обычную товарную карточку. Помимо основного товара, она содержит ссылки на похожие и связанные товары, товары того же производителя, популярное и т.п. Все эти блоки содержат названия товаров, их короткие описания, цены. Как робот поймёт, что именно имеет прямое отношение к основному контенту страницы? Без микроразметки это может быть большой проблемой. С помощью структурирования данных вы указываете поисковой системе важнейшие информационные блоки, уникальные в рамках сайта: например, что продаётся, сколько стоит, как отзываются о товаре люди и т.п. Если речь о статье – то кто автор, о чем текст, кто издатель.
Второй момент – уникализация контента
Вторым важным моментом является уникализация контента страницы. Например, товарные карточки могут отличаться от других похожих товаров лишь минимально – парой предложений описания и ценником. Чтобы поисковая система не считала карточки нечёткими дублями и не исключала их из индекса, необходимо предоставить уникальные данные для каждого документа. Хотя микроразметка не решает проблему “тонкого” и дублируемого контента, она значительно упрощает проблемы с индексацией и ранжированием таких страниц.
Стандарты и словари тегов
К 2022 году единого стандарта микроразметки не существует. Существует несколько различных стандартов словарей тегов и атрибутов, а также три основных способа интеграции этих словарей. Начнем с рассмотрения различных словарей.
Где и как размещать разметку
Избегайте соблазна размечать все на странице “на всякий случай”. Единственный вид микроразметки, который уместен на всех страницах, это breadcrumbs или “хлебные крошки” – навигационная цепочка вверху страницы. Они размечаются для того, чтобы красиво отображаться в поисковой выдаче.
Для всех остальных страниц необходимо размечать контент в соответствии со смыслом страницы. На главной странице подходит разметка “Организация”, которая организует данные о вашей компании. В разделе “Статьи” – разметка Article с указанием названия, автора, издателя и кратким описанием. То же самое относится к обзорам, вакансиям, мероприятиям и другим типам семантической разметки контента.