Как использовать разметку схемы и расширенные сниппеты, чтобы помочь вашему SEO

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

Что такое разметка схемы?

Разметка схемы — это тип кода, также известный как структурированные данные, и здесь мы можем использовать эти два термина взаимозаменяемо.

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

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

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

Выделитесь богатыми результатами

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

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

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

Они также бывают разных форм, как вы можете видеть на примере ноутбука Dell ниже:

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

[Пример успеха] Улучшение рейтинга, органических посещений и продаж с помощью анализа лог-файлов

В начале 2017 года команда TutorFair.com попросила SEO-услуги Оми Сидо помочь им. Их веб-сайт боролся с ранжированием и органическими посещениями.

Читать тематическое исследование

Доступные типы разметки схемы

Вот некоторые из наиболее распространенных примеров разметки схемы, в том числе некоторые для более узкоспециализированных веб-сайтов:

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

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

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

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

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

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

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

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

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

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

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

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

Схема Breadcrumb позволяет отображать в результатах поиска иерархию страниц, а не URL-адрес. Это может быть описательный и более простой способ объяснить, куда они перемещаются и чего ожидать. Чтобы использовать эту схему, на вашем веб-сайте должны быть активны хлебные крошки.
Документация по схеме хлебных крошек.

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

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

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

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

Вы должны использовать местную бизнес-схему в дополнение к вашему списку Google My Business, чтобы получить все преимущества. Вы также можете использовать часы работы и определенные действия, такие как «Записаться на прием».
Документация по локальной бизнес-схеме.

Схема лучших мест действительно работает только для «авторитетных издателей», но она идеальна, если вы пишете статьи о таких местах, как лучшие рестораны или главные достопримечательности. Мы использовали это в примере «Главные достопримечательности Манчестера», который использовали ранее.
Документация по схеме лучших мест.

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

Схема социального профиля добавляет ссылки на ваши профили в социальных сетях, таких как Facebook, Twitter и т. д., в сеть знаний. Google будет отображать только следующие платформы социальных сетей: Facebook, Twitter, Google+, Instagram, YouTube, LinkedIn, Myspace, Pinterest, SoundCloud и Tumblr.
Документация схемы социального профиля.

Преимущества добавления Schema Markup на ваш сайт

Расширенные сниппеты и схема не являются фактором ранжирования. Однако они визуально более привлекательны и могут привлекать больше кликов, поэтому имеют более высокий CTR, чем обычные результаты. Более того, из-за увеличения площади, которую они занимают в поисковой выдаче, они приводят к большей осведомленности о вас и вашем бренде, добавляя к растущему числу преимуществ разметки схемы.

Как создать разметку схемы

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

Реализация схемы работает в 3 этапа:

1. Сгенерировать разметку,
2. Проверьте, работает ли ваш код,
3. Внедрите разметку на свой сайт.

Хорошая новость заключается в том, что можно относительно быстро сгенерировать разметку и развернуть ее на своем веб-сайте, независимо от того, какая CMS используется и как она построена. В следующем примере используется формат JSON-LD, рекомендованный Google. другие формы включают микроданные и RDFa.

Мы рассмотрим схему FAQ в качестве примера здесь:

 <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Страница часто задаваемых вопросов",
  "mainEntity": [{
    "@type": "Вопрос",
    "name": "Что такое разметка Schema?",
    "принятый ответ": {
      "@наберите ответ",
      "text": "Разметка схемы — это тип кода, также известный как структурированные данные, который был разработан, чтобы предоставить пользователям более богатые возможности из результатов поиска. Используя структурированные данные, вы можете предоставить поисковым системам дополнительную информацию о вашем контенте, чтобы они могли лучше понимать контент и представлять его по-разному в результатах поиска».
    }
  },{
    "@type": "Вопрос",
    "name": "Почему я должен использовать разметку Schema?",
    "принятый ответ": {
      "@наберите ответ",
      "text": "Расширенные сниппеты визуально более привлекательны, чем обычные результаты поиска, и могут привлечь большее количество кликов, таким образом, имея более высокий CTR, чем обычные результаты. Более того, из-за увеличенной площади, которую они занимают в поисковой выдаче, они приводят к повышение осведомленности о вас и вашем бренде».
    }
  }]
}
</скрипт>

Оттуда лучше протестировать свой код, прежде чем добавлять его на свой веб-сайт. Хотя инструменты, подобные тому, который мы использовали выше, обычно не содержат ошибок, всегда лучше перепроверить. Для этого вы можете использовать два инструмента: валидатор разметки схемы (который заменяет инструмент тестирования структурированных данных Google) и тест расширенных результатов Google.

Используя код, который мы создали ранее, вставьте этот код в тест расширенных результатов. Мы сразу видим, что код в порядке, поскольку в сообщении говорится: «Страница подходит для расширенных результатов». Слово «подходящий» используется, поскольку расширенные результаты не гарантируются.

Прогоняя код через Schema Markup Validator, мы видим, что схема генерируется корректно, а в коде нет ни предупреждений, ни ошибок.

Как добавить разметку схемы

Вы можете добавить сгенерированную разметку схемы на свой веб-сайт несколькими способами. Самый простой способ добавить схему — вставить ее в HTML-код вашего веб-сайта (возможно, вам потребуется обратиться за помощью к своему разработчику), но при необходимости вы также можете добавить свою схему через Диспетчер тегов.

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

Как найти ошибки и возможности в вашей разметке

Лучший способ отслеживать размеченные страницы схемы — через Google Search Console в разделе «Улучшения». Как только ваша схема будет размещена на вашем веб-сайте и будет просканирована и получена Google, вы должны увидеть, что данные начинают заполняться здесь.

Надеюсь, если вы проверили свой код, вы должны увидеть что-то похожее на приведенное ниже, показывающее, что с вашей схемой нет проблем.

Если возникнут какие-либо проблемы, GSC поможет вам разобраться в них и предоставит примеры затронутых URL-адресов. После того, как вы внесли изменения и повторно развернули их на своем веб-сайте, вы можете нажать «Проверить исправление», попросив Google повторно проверить наличие проблемы.

С помощью Oncrawl вы также можете узнать количество страниц на вашем веб-сайте, содержащих структурированные данные, а также среднее количество элементов структурированных данных на странице. Вы можете сделать это из отчета о сканировании, перейдя к «Теги HTML», затем «Структурированные данные»; здесь вы найдете анализ структурированных данных. Используйте это, чтобы увидеть, где вам нужно улучшить разметку схемы и какие элементы могут отсутствовать.

Вывод

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

В конце концов, на какой результат вы, скорее всего, нажмете, на эту ссылку без схемы:

Или один из этих результатов, которые используют схему и отображаются как расширенные результаты: