Как добавить расширенные сниппеты на свой сайт

Опубликовано: 2020-12-16

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

Пример Rich Snippet Марио Пешева

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

В этой статье мы кратко рассмотрим роль разметки схемы в SEO и способы добавления расширенных сниппетов на ваш сайт.

Почему важны Rich Snippets?

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

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

DevriX обычный результат поиска в Google

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

DevriX Rich Snippets

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

  • Лучшая видимость : ваш бренд будет более заметен в результатах поиска.
  • Лучший CTR : пользователи предпочтут щелкнуть расширенное описание, чем обычный результат поиска.
  • Больше конверсий : пользователи будут нажимать на привлекательный результат поиска, который принесет вам больше просмотров, загрузок, продаж и т. Д.

Типы разметки схемы

Вы можете использовать расширенные фрагменты (разметку схемы) в следующих типах контента:

  • Обзоры : индивидуальные и совокупные обзоры с разными свойствами для каждого.
  • Люди : Google предоставляет более обширную информацию для конкретных (известных) людей. Поддерживаемые свойства включают имя, должность, роль и контактные данные.
  • Продукты . Одно из лучших применений расширенного описания веб-страниц - это продукты и специальные предложения интернет-магазинов. Поддерживаемые свойства включают имя, изображение, бренд, идентификаторы, цену, валюту, состояние и количество.
  • Компании и организации : такие свойства, как название компании, адрес, номер телефона, геолокация и логотип.
  • Рецепты : расширенные фрагменты также позволяют веб-сайтам, посвященным кулинарии, включать такую ​​информацию, как тип еды, отзывы, время приготовления, размер порции, калории и многое другое.
  • События : расширенные фрагменты кода отлично подходят для будущих и происходящих событий. Поддерживаемые свойства включают дату начала и окончания, продолжительность, геолокацию и билеты.
  • Музыка : Google использует структурированные данные разметки для представления песен и музыкальных альбомов. Эти данные включают ссылки на превью песен и прямые ссылки на покупку синглов и полных альбомов.
  • Видеоконтент : расширенные фрагменты также можно применять к встроенному видеоконтенту на вашем веб-сайте, чтобы показать продолжительность, компанию по производству видео, создателя видео или тип контента, который изображен в видео.

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

Разметка схемы организации

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

Moz расширенный фрагмент кода Google

Разметка схемы человека

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

Расширенный сниппет Илона Маска

Разметка схемы местного бизнеса

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

расширенное описание местного бизнеса

Разметка схемы продуктов и предложений

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

расширенный фрагмент продукта

Разметка схемы статьи

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

расширенное описание статьи о Ливерпуле

Разметка схемы видео

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

сайт марио пешев видео

Разметка схемы событий

Разметка схемы событий представляет информацию о будущих событиях, такую ​​как дата, место и цена билета.

разметка схемы событий

Разметка схемы рецепта

Разметка схемы рецепта позволяет представлять страницы рецептов в виде расширенного фрагмента.

разметка схемы рецепта

Разметка схемы оценки / обзора

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

разметка схемы рейтинга товаров

Типы кодирования схемы

Существует три различных типа кодировки разметки схемы: JSON-LD, Microdata и RDFa.

JSON-LD (нотация объектов Javascript для связанных объектов) может реализовать схему, вставив ее в тег <head> или <body> веб-страницы. Он использует атрибуты «@context» и «@type» для определения словаря (schema.org).

RDFa (Структура описания ресурсов в атрибутах) - это код, который можно добавить в любой документ на основе HTML, XHTML и XML. Атрибуты RDFa включают:

  • about - чтобы уточнить, о чем метаданные.
  • rel и rev - отношения и обратные отношения с другим ресурсом.
  • class = "lazy" data-src, href и resource - для определения партнерского ресурса.
  • content - обнулить содержимое элемента при использовании атрибута свойства.
  • datatype - чтобы указать тип данных текста, который используется с атрибутом свойства.
  • typeof - для определения RDF-типа темы или партнерского ресурса.

Реализация микроданных аналогична RDFa и включает следующие атрибуты:

  • itemscope - создать элемент и указать, что остальная часть элемента содержит информацию о нем.
  • itemtype - чтобы объяснить элемент и его активы с помощью действующего URL-адреса (например, «https://schema.org»).
  • itemprop - чтобы указать, что содержащий тег имеет значение данного свойства (например, itemprop = ”name”).
  • itemid - показать уникальный идентификатор элемента.
  • itemref - для свойств элемента, которые не включены в область действия.

Добавление расширенных сниппетов на ваш сайт

Есть несколько различных вариантов добавления расширенного описания веб-страниц. Среди самых простых - использование Google's Structured Data Markup Helper или плагина WordPress.

Помощник по разметке структурированных данных

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

1. Перейдите в Помощник по разметке структурированных данных Google.

инструмент разметки схемы google

2. Выберите тип данных, которые вы хотите разметить.

3. Вставьте URL-адрес страницы, которую вы планируете разметить.

Инструмент схемы Google

4. Выделите и выберите элементы, которые вы хотите отметить.

заголовок разметки

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

6. Создайте HTML.

разметка json-ld

7. Вставьте сгенерированную разметку схемы на свою веб-страницу.

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

  • Google Data Highlighter
  • Генератор схемы JSON-LD от Merkle
  • API валидатора структурированных данных Яндекса
  • Тестер расширенных результатов Google
  • Валидатор разметки Bing для веб-мастеров

Плагины WordPress

Самый простой способ добавить разметку схемы на ваши страницы WordPress - через плагин. Один из лучших плагинов для этой работы - плагин All In One Schema.org Rich Snippets.

плагин разметки схемы

Когда вы активируете плагин, откройте вкладку Rich Snippets на вашей панели инструментов, где вы можете настроить разметку схемы.

раздел расширенного описания веб-страниц

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

  • Обзор товара
  • События
  • Человек
  • Продукт
  • Рецепт приготовления
  • Программное обеспечение
  • видео
  • Статья

Когда вы выбираете тип контента, плагин отображает вам поля, которые будут доступны при написании сообщения / страницы или любого настраиваемого типа сообщения.

Теперь, когда вы создаете новое сообщение или редактируете его, под редактором сообщений вы увидите мета-поле с надписью «Настроить расширенный сниппет». Внутри есть раскрывающееся меню, в котором вы можете выбрать тип контента для публикации, над которой вы работаете.

конфигурация расширенного сниппета плагина

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

Тестирование Rich Snippets

Google и остальные поисковые системы не могут сразу подобрать ваши расширенные описания. Итак, как вы можете убедиться, что вы правильно реализовали расширенные сниппеты?

Откройте инструмент проверки структурированных данных Google.

структурированное тестирование данных

Там вы можете вставить разметку схемы в панель инструментов или щелкнуть ссылку «Получить URL», чтобы ввести URL. После этого нажмите кнопку «Подтвердить», и ваша разметка будет проверена.

Заключение

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

Применяйте их шаг за шагом и масштабируйте на своем веб-сайте, чтобы добиться лучших результатов.