WEB и WordPress новости, темы, плагины. Здесь мы делимся советами и лучшими решениями для сайтов.

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

126

Вы действительно хотите повысить рейтинг кликов (CTR) результатов вашего сайта в поисковой выдаче Google? Как структурированные данные Google помогают начать свой бизнес, особенно в части SEO и CRO? Если да, то вот все, что вам следует знать и научиться использовать Rich snippets.

Хотите знать, как ваш конкурент получил эти причудливые звезды в списке Google, и вы отчаянно ищете «как получить звезды в результатах поиска Google» или «как добавить звездный рейтинг в поиске Google»? Все заканчивается более причудливым термином «Rich Snippets» (помеченный Google). Но другое, более техническое название для него – «Структурированные данные».

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

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

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

Важность структурированных данных Google

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

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

Итак, в целом преимущества структурированных данных Google заключаются в следующем.

  • Лучшее понимание контента для поисковых систем.
  • Визуальное представление важных данных.
  • Увеличьте CTR (рейтинг кликов).
  • Общие преимущества SEO.

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

Schema.org имеет различные методы для представления структурированных данных. Чтобы сообщить вашу информацию роботу GoogleBot в машиночитаемой форме, Google определил три типа форматов разметки структурированных данных. Это следующие

JSON-LD

JSON-LD означает нотацию объектов JavaScript для связанных данных. Это формат связывания данных для кодирования данных в теге скрипта. Он работает в серверной части. JSON-LD – это легкий, более простой и быстрый метод разметки с помощью schema.org. Он легко читается и записывается людьми и легко анализируется машинами.

Микроданные

Микроданные – это форма семантической разметки. Он использует HTML и CSS для стилизации элементов на странице. Его легко использовать, но теги микроданных встроены в тело страницы. Так что это немного беспорядочно по сравнению с JSON-LD.

RDFa

Структура описания ресурсов в атрибутах (RDFa) – это стандарт W3C. Это способ публикации связанных данных на языках HTML5 и HTML. Кроме того, он может хорошо работать с документами XML, SVG, HTML4. Это популярный формат веб-документов.

Как создать расширенные сниппеты для поисковой выдачи Google

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

  • Статьи
  • Книги
  • курсы
  • События
  • Наборы данных
  • Проверка фактов
  • Местные предприятия
  • Объявления о вакансиях
  • Платный контент
  • Подкасты
  • Отзывы
  • Рецепты
  • ТВ и фильмы
  • Ролики

Свойства типа контента Rich Snippet

С каждым типом контента связаны определенные свойства. Их следует указывать при создании расширенного описания веб-страниц. Вы можете получить подробную информацию о свойствах каждого типа контента в Google Guide. Здесь я проиллюстрирую весь процесс реализации структурированных данных для типа контента статей. То же самое можно применить к любому другому типу контента.

1. Объект статьи

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

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

2. Объекты статей Schema.org

По сути, schema.org упомянул три основных типа объектов, не связанных с видео.

Это следующие:

  • Новостная статья

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

  • Статья

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

  • Публикация в блоге

Любая запись в блоге может быть помечена как публикация в блоге.

Свойства типа контента статьи: структурированные данные

У всех объектов статьи есть некоторые общие свойства. Они необходимы для описания структурированных данных Google статьи. Вы можете следовать приведенной ниже таблице для получения подробной информации о различных свойствах:

Свойство Описание
mainEntityOfPage Основная сущность описана на какой-то странице. Обычно это URL-адрес страницы статьи. Используется для основной статьи на странице статьи.
Заголовок Заголовок не должен превышать 110 символов.
образ URL размеченного изображения статьи. Для достижения наилучших результатов используйте изображение с высоким разрешением. Он должен быть не менее 696 пикселей в ширину.
издатель Издатель статьи
publisher.name Имя издателя
publisher.logo Логотип издателя
publisher.logo.url URL логотипа
publisher.logo.height Высота логотипа только в пикселях
publisher.logo.width Ширина логотипа только в пикселях
дата публикации Дата и время первой публикации в соответствии с форматом ISO 8601
Дата изменена Самая последняя дата и время публикации
автор Автор статьи
author.name Имя автора
описание Краткое описание статьи

Как добавить расширенные описания (структурированные данные) на веб-сайт

Термин «кодирование» считается жестким. Но внедрить микроданные Google для статьи на вашем сайте очень просто. Есть два метода разметки структурированных данных для статьи:

  • JSON-LD

JSON-LD – это разметка структурированных данных Google из schema.org. Это просто способ написать код. В формате JSON вы можете использовать этот скрипт для новостной статьи:

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://google.com/article"
},
"headline": "Article headline",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"datePublished": "2015-02-05T08:00:00+08:00",
"dateModified": "2015-02-05T09:20:00+08:00",
"author": {
"@type": "Person",
"name": "John Doe"
},
"publisher": {
"@type": "Organization",
"name": "Google",
"logo": {
"@type": "ImageObject",
"url": "https://google.com/logo.jpg"
}
},
"description": "A most wonderful article"
}
</script>
  • Микроданные

В разметке микроданных Google вы создадите класс с мета следующим образом:

<div itemscope itemtype="http://schema.org/NewsArticle">
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://google.com/article"/>
<h2 itemprop="headline">Article headline</h2>
<h3 itemprop="author" itemscope itemtype="https://schema.org/Person">
By <span itemprop="name">John Doe</span>
</h3>
<span itemprop="description">A most wonderful article</span>
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
<img src="https://google.com/thumbnail1.jpg"/>
<meta itemprop="url" content="https://google.com/thumbnail1.jpg">
<meta itemprop="width" content="800">
<meta itemprop="height" content="800">
</div>
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img src="https://google.com/logo.jpg"/>
<meta itemprop="url" content="https://google.com/logo.jpg">
<meta itemprop="width" content="600">
<meta itemprop="height" content="60">
</div>
<meta itemprop="name" content="Google">
</div>
<meta itemprop="datePublished" content="2015-02-05T08:00:00+08:00"/>
<meta itemprop="dateModified" content="2015-02-05T09:20:00+08:00"/>
</div>
  • Помощник по разметке структурированных данных

Некоторые из наших читателей могут быть просто новичками или новичками в программировании. Они могут найти процесс разметки структурированных данных очень громоздким. Чтобы решить эту проблему, Google предоставляет бесплатный инструмент, известный как помощник по разметке структурированных данных. Это действительно просто в использовании. Вам просто нужно указать тип контента для вашей веб-страницы / сообщения, URL-адрес страницы и теги, и Готово! Вы получите соответствующий HTML-код для реализации Rich snippet. Пошаговое руководство вы можете прочитать в этой статье от Нила Пателя.

После того, как вы получили код структурированных данных, просто добавьте его в HTML-код страницы. Для CMS это зависит от файла, из которого взят HTML-код вашей темы. Это может быть header.php или любой другой файл в папке темы. Здесь я подробно объясняю этот шаг для веб-сайтов WordPress.

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

  •  Ручной метод

У веб-сайтов WordPress есть определенные темы, и в зависимости от автора темы файл, в который должен быть добавлен код разметки структурированных данных, может соответственно меняться, но в большинстве случаев это файл content.php. Добавьте приведенный ниже код в конец файла:

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://google.com/article"
},
"headline": "<?php the_title(); ?>",
"image": "<?php the_post_thumbnail_url(); ?>",
"datePublished": "<?php echo get_the_date(); ?>",
"dateModified": "<?php echo get_the_modified_date(); ?>",
"author": {
"@type": "Person",
"name": "<?php echo get_the_author(); ?>"
},
"publisher": {
"@type": "Organization",
"name": "MyOrganization",
"logo": {
"@type": "ImageObject",
"url": "https://MyOrganization.com/logo.jpg"
}
},
"description": "<?php echo wp_strip_all_tags(the_excerpt()); ?>"
}
</script>

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

Лучший интерфейс перетаскивания для создания потрясающих тем WordPress

  • Использование плагинов

До сих пор вы видели, что расширенный сниппет добавляется на ваш сайт вручную. Но некоторые плагины также доступны в репозитории WordPress. Эти плагины будут создавать расширенные фрагменты всех страниц / сообщений вашего сайта. Поддерживаются все основные типы контента, такие как статьи, продукты, рецепты, обзоры, видео, музыка, события. Эти плагины просты в использовании, но дают много преимуществ. Например, он снижает показатель отказов, повышает рейтинг SERP, предоставляет социальные сети и т.д.
Таким образом, вы можете легко добавить расширенный сниппет на свой веб-сайт через плагин. Я собираюсь продемонстрировать этот процесс, используя один из лучших плагинов WordPress с расширенным сниппетом.

Все в одной схеме Rich Snippets

Этот плагин создает краткую сводку вашей страницы / сообщения на страницах результатов поисковой системы. Он хорошо работает практически со всеми типами контента. Это популярный плагин WordPress с расширенными сниппетами с рейтингом 4,3. У него более 70 000 активных установок.

За работой

Войдите в свою панель управления WordPress. Перейдите в Плагины → Добавить плагины. Отсюда установите плагин.

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

После установки активируйте его.

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

Теперь на панели инструментов вы увидите опцию Rich Snippet. При нажатии на нее открывается новое окно со всеми поддерживаемыми типами содержимого.

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

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

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

Точно так же вы укажете следующие поля для Рецепта и Обновите его.

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

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

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

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

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

Ваша работа сделана.

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

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

Инструмент проверки структурированных данных – это самый простой способ проверить ваш сайт на наличие ошибок или предупреждений. Здесь вы можете указать URL-адрес веб-сайта или объекта контента, который хотите проверить. Даже вы можете вставить код, который вы добавили на веб-страницу, для реализации структурированных данных.

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

После того, как вы ввели URL-адрес, нажмите RUN TEST. Репост будет отображаться следующим образом

Rich Snippets: полное руководство по структурированным данным Google (ручные и подключаемые методы)

Он покажет общее количество проверенных объектов, а также ошибки и предупреждения, если таковые имеются.

Консоль поиска Google позволяет вам проверять статус индексации вашего сайта и оптимизировать его. Он показывает отчет не только за текущий день, но и за прошедшее время.

Последние мысли

Расширенные описания Google так же важны, как и всегда. Правильно структурированные данные обеспечивают отличную видимость. Теперь у вас есть два простых способа добавить расширенное описание на свой сайт. Либо вы добавляете его вручную, либо через плагин. Хороший расширенный сниппет даст вам потенциальных клиентов, так что вы на пути к повышению CTR. Вы можете легко применить эти методы на любом сайте. Но есть более надежный способ сделать это. Вы можете создать свой веб-сайт с помощью нашего конструктора веб- сайтов или конструктора веб- сайтов WordPress. Он автоматически добавит на ваш сайт расширенный фрагмент кода Google. Все, что вам нужно сделать, это включить встроенную опцию отображения метаданных. Он автоматически добавит расширенный сниппет на ваш сайт !!

Если у вас есть какие-либо вопросы, вы можете поделиться в разделе комментариев ниже.

Источник записи: https://blog.templatetoaster.com

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