СТРУКТУРИРОВАННЫЕ ДАННЫЕ: РУКОВОДСТВО для НАЧИНАЮЩИХ с 2021 года.

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

Структурированные данные станут неотъемлемой частью мира поисковой оптимизации в 2022 году. Они помогают поисковым роботам лучше понимать страницу. 

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

В общем, структурированные данные - это не чистый веб-термин, а просто означает систематическое структурирование данных для облегчения поиска. Старомодный пример: в языке баз данных SQL (язык структурированных запросов) данным предоставляется структура в табличной форме, чтобы их было легче найти в реляционных базах данных. 

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

При технической поисковой оптимизации структурированные данные помогают различнымпоисковым роботам, таким как робот Googlebot, изображение Googlebot или Bingbot, лучше понимать элементы страницы на веб-сайте. По большей части поисковые роботы уже очень хорошо осведомлены о содержании сайта. Однако, когда дело доходит до конкретных деталей, таких как рейтинги, рецепты или события, структурированные данные, помогают поисковым роботам придавать веб-данным больше смысла или релевантности. Таким образом, сканеры могут лучше интерпретировать контент и, в свою очередь, предлагают странице визуально выделить эти элементы определённым образом на страницах результатов поиска (SERP).

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

Вы можете найти в галерее поиска Google.

Есть ли преимущество у SEO?

Маркировка структурированных данных с помощью JSON-LD, Microdata или RDFa сама по себе не является фактором ранжирования, как и мета-описание. Однако, если результат отличается от «конкуренции» таким образом, что пользователи с большей вероятностью будут нажимать на вашу страницу, частота кликов и время, проведённое на странице, увеличиваются. 

Они оба являются одними из более 300 факторов ранжирования, которые могут повысить релевантность страницы для пользователя. Таким образом, можно сказать, что ваша страница с высококачественным контентом и привлекательно выделенным результатом поиска имеет больше шансов на клик, чем страница без него. 

Актуальность в электронной коммерции

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

Этот подход наглядно демонстрируют два примера: если пользователь задаёт себе такие вопросы, как «Сколько стоит товар?» Или «Есть ли товар в наличии?», на них можно ответить прямо в Google. Если на эти вопросы уже есть ответы на страницах результатов поиска, пользователи могут быть уже на один уровень дальше в процессе принятия решения о покупке, чем конкуренты без этих данных.

Пять примеров из электронной коммерции

1.) Отображение рейтинговых звёзд

Что вам нужно для этого: рейтинги клиентов на вашем сайте с отличной схемой AggregateRating.

Вот почему это имеет смысл: это уже поможет проинформировать пользователя на страницах результатов поиска о том, стоит ли какой-либо продукт его внимания? Психологически звёзды действуют как своего рода «социальное доказательство» (другие пользователи оценивают это как хорошее, значит, это хорошо?).

2.) Отображение ценовых диапазонов

Что вам нужно для этого: разные цены на вашей стороне с отличной схемойAggregateOffer.

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

3.) Отображение вопросов и ответов

Что вам нужно для этого: отдельные вопросы и ответы на вашей странице с отличной схемой FAQPage.

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

4.) Отображение событий

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

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

Также интересно: во время из ряда выходящего события Google может отреагировать и представить статус мероприятия. Здесь вы можете выбирать  EventCanceled ,  EventRescheduled EventPostponed и  EventMovedOnline .

5.) Отображение рецептов

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

Вот почему оно того стоит: есть ли у вас подходящие рецепты для ваших продуктов? Тогда вы можете сделать так, чтобы они отображались очень наглядно на страницах результатов поиска. Особенно с текстами рецептов у вас очень наглядное представление в результатах поиска.

Хотели бы вы быть на вершине результатов поиска в Google? Это возможно с грамотной поисковой оптимизацией!

Как записываются структурированные данные?

Инициатива под названием Schema.org была основана в 2011 году для единообразного и кросс-браузерного структурирования веб-данных. Это объединение компаний Google, Microsoft, Yahoo и Yandex, целью которого является создание общего веб-стандарта для структурированных данных. Были согласованы три различных подхода к структурированию:

• • микро данные,
• • JSON-LD и
• • RDFa

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

Микро-данные (HTML)

Этот способ преставления данных самый старый, и поэтому немного запылённая. Обычные теги HTML дополняются в разметке словарём из Schema.org и «пишутся вокруг» соответствующих элементов страницы. Вы можете увидеть прямо в исходном коде, какой элемент был обогащён структурированными данными. Недостаток этого варианта в том, что разметка более сложная, а исходный текст выглядит немного неразборчивым. 

Пример кода для микро данных:

<div itemscope itemtype = "http://schema.org/Movie">

 <h1 itemprop = "name"> Оно (2017 г.) </h1>

 <span itemprop = "description"> Группа запуганных детей объединяется, когда демон, изменяющий форму, захватывает

  Появление клоуна, начинается охота на детей. </span> Режиссер:

 <div itemprop = "Director" itemscope itemtype = "http://schema.org/Person">

 <span itemprop = "name"> Энди Мускетти </span>

</div>

 Писатели:

 <div itemprop = "author" itemscope itemtype = "http://schema.org/Person">

 <span itemprop = "name"> Чейз Палмер </span>

 </div>

 <div itemprop = "автор"

  itemscope itemtype = "http://schema.org/Person">

 <span itemprop = "name"> Кэри Фукунага </span>

 </div>, и еще 7 кредитов Звезды:

 <div itemprop = "субъект" itemscope itemtype = "http://schema.org/Person">

<span itemprop = "name"> Билл Скарсгард </span>,

 </div>

 <div itemprop = "субъект" itemscope itemtype = "http://schema.org/Person">

 <span itemprop = "name"> Джейден Либерхер </span>,

</div>

 <div itemprop = "субъект" itemscope itemtype = "http://schema.org/Person">

 <span itemprop = "name"> Финн Вольфхард </span>

 </div>

 <div itemprop = "aggregateRating"

  itemscope itemtype = "http://schema.org/AggregateRating">

 <span itemprop = "ratingValue"> 7,9 </span> / <span itemprop = "bestRating"> 10 </span> звезд от

 <span itemprop = "ratingCount"> 127789 </span>

  пользователей. Отзывы: <span itemprop = "reviewCount"> 805 </span>.

 </div>

 </div>

JSON-LD (JavaScript)

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

«Google рекомендует по возможности использовать JSON-LD для структурированных данных».

Пример кода для JSON-LD:

<script type = "application / ld + json">

{

    "@context": "http://schema.org",

    "@type": "Фильм",

    "актер": [{

        "@type": "Человек",

        "name": "Билл Скарсгард"

      },

      {

        "@type": "Человек",

        "name": "Jaeden Lieberher"

      },

      {

        "@type": "Человек",

        "name": "Финн Вольфхард"

      }

    ],

    "aggregateRating": {

      "@type": "AggregateRating",

      "bestRating": "10",

      "ratingCount": "127789",

      "ratingValue": "7.9",

      "reviewCount": "805"

    },

    "автор": [{

        "@type": "Человек",

        "name": "Чейз Палмер"

      },

      {

        "@type": "Человек",

        "name": "Кэри Фукунага"

      }

    ],

    "description": "Группа запуганных детей объединяется, когда демон-оборотень в облике клоуна начинает охоту на детей.",

    "директор": {

      "@type": "Человек",

      "name": "Энди Нушетти"

    },

    "name": "Оно (2017)"

  }

  </script>

RDFa (HTML5)

Схема разметки через RDFa ощущается как существование ниши в структурировании веб-данных. Это расширение HTML5, и его словарь отличается от словаря Microdata. Здесь также можно отмечать файлы XML и SVG, чего нельзя сделать с микро-данными. Благодаря префиксам словари разных типов также могут сочетаться друг с другом. По сравнению с JSON-LD этот вариант не такой мощный, но более сильный, чем микро-данные.

Пример кода для RDFa:

<div vocab = "http://schema.org/" typeof = "Movie">

  <h1 property = "name"> Оно (2017 г.) </h1>

  <span property = "description"> Группа запуганных детей объединяется, когда демон-оборотень в облике клоуна начинает охоту на детей. </span> Режиссер:

  <div property = "Director" typeof = "Person">

    <span property = "name"> Энди Мускетти </span>

  </div>

  Писатели:

  <div property = "author" typeof = "Person">

    <span property = "name"> Чейз Палмер </span>

  </div>

  <div property = "author" typeof = "Person">

    <span property = "name"> Кэри Фукунага </span>

  </div>, и еще 7 кредитов Звезды:

  <div property = "Актер" typeof = "Человек">

    <span property = "name"> Билл Скарсгард </span>,

  </div>

  <div property = "Актер" typeof = "Человек">

    <span property = "name"> Джейден Либерхер </span>,

  </div>

  <div property = "Актер" typeof = "Человек">

    <span property = "name"> Финн Вольфхард </span>

  </div>

  <div property = "aggregateRating" typeof = "AggregateRating">

    <span property = "ratingValue"> 7,9 </span> / <span property = "bestRating"> 10 </span> звезд от

    <span property = "ratingCount"> 127789 </span> пользователей. Отзывы: <span property = "reviewCount"> 508 </span>.

  </div>

</div>

Различия вкратце:

JSON-LD рекомендуется Google, а значит она лучше понимает это структурирование, а значит большая вероятность, что поисковик воспользуется вашей разметкой.

JavaScript, возможно в любом месте <head> и <body> страницы. Машины и пользователи легче читают и обрабатывают такой код.

Микро-данные: HTML, который с большей вероятностью будет записан в <body> страницы в определённой точке вокруг элемента страницы. Изменения сложнее реализовать.

RDFa: расширение HTML5, которое поддерживает дополнительные элементы и ссылки по сравнению с микро-данными. Аналогичное приложение для микро-данных.

Источник: на основе обзора Google.

Вставить структурированные данные на страницу

Когда дело доходит до разметки элементов страницы на веб-сайте, можно использовать множество вариантов. Они варьируются от ручной вставки в исходный код до полностью автоматической маркировки продуктами Google. На мой взгляд, «правильного» варианта не бывает, потому что он всегда зависит от потребностей сайта. Поэтому есть варианты как для новичков, так и для «старых рук» добавить разметку на страницу:

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

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

• - Структурированные данные не отражают основное содержание страницы.
• - Структурированные данные были помечены неправильно (неверный синтаксис).
• - Отличный контент не может быть виден пользователю.
• - Сайт не соответствует правилам, установленным Google.
• - Алгоритм Google оценивает страницу как нерелевантную для пользователя.

Плагины

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

С версией 11.0 из плагиной Йоаст доступна как для WordPress и Typo3. Тем временем вы также можете автоматически отмечать структурированные данные на своём сайте. 

Например, Тассос Маринос Страстный разработчик расширений Joomla из Греции предлагает свой компонент для добавления структурированной разметки схемы для лучшего SEO Joomla.

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

Между тем, также поддерживаются более новые схемы (например, схема HowTo), так что усилия со стороны редактора или веб-мастера меньше.

Рекомендация: внимательно читайте отзывы пользователей. Из-за низкого контроля качества существует множество плагинов для Joomla, WordPress, Typo3 или других CMS, так что все ещё есть низкого не отвечающим стандартас. Также важно поддерживать плагин в актуальном состоянии. Это гарантирует соблюдение и маркировку новых спецификаций от Google или Schema.org (например, маркировка объявлений о вакансиях).

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

Диспетчер тегов Google

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

Хотя вам по-прежнему нужно вводить исходный код с помощью JSON-LD вручную, Диспетчер тегов автоматически отображает тег. Для этого вы пишете или генерируете соответствующий фрагмент кода, затем создаёте «определяемый пользователем HTML-тег» и, наконец, вставляете туда фрагмент кода. С помощью «Триггера» сценарий может быть запущен на всех определённых страницах после публикации, при необходимости также асинхронно.

Рекомендация: если ранее рекомендовалось всегда использовать Диспетчер тегов Google (если у вас есть предварительные требования), этот вариант имеет только ограниченные возможности. Предпосылкой здесь является то, что робот Googlebot не видит код непосредственно в исходном тексте и должен сначала прочитать его с помощью JavaScript. Скорее, по словам Джона Мюллера, OnPage SEO всегда должен быть виден и не сбивать с толку бота. Он по-прежнему работает, но не полагайтесь на него.

Ручная вставка

Если у вас есть опыт работы с HTML или PHP, вы также можете интегрировать написанный или сгенерированный фрагмент прямо на страницу. Преимущество заключается в том, что у вас есть фрагменты в исходном коде без обходных путей от инструментов, плагинов или веб-сервисов. Не имеет значения, в JSON-LD, Microdata или RDFa. Это, безусловно, менее трудоёмкий способ, чем вход в Диспетчер тегов и установка там скриптов. Если вы не хотите возиться с такими вещами, вы можете интегрировать фрагменты прямо в исходный код. Минус в том, что здесь мало автоматических опций. Поэтому вам нужно самостоятельно пометить каждый элемент страницы (микро-данные) или вручную добавить фрагмент JSON-LD на каждую страницу.

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

Консоль поиска Google

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

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

Рекомендация: я бы рассмотрел эту возможность реализации только как аварийное решение или для чистого эксперимента. Это можно попробовать, особенно с частными сайтами или сайтами с «играми», которые не имеют отношения к SEO.

Были ли уже отмечены структурированные данные?

Если вы хотите узнать, была ли страница уже удостоена награды за структурированные данные, вы можете использовать различные инструменты.& nbsp;В рамках аудита структурированных данных у вас есть следующие возможности для анализа

1) Используйте инструмент проверки структурированных данных

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

2) Используйте Screaming Frog SEO Spider

Немного более продвинутым является инструмент Screaming Frog, который является неотъемлемой частью многих оптимизаторов поисковых систем. Начиная с версии 11 есть возможность проверить страницу на наличие структурированных данных. По сравнению с инструментом тестирования у вас есть возможность исследовать всю страницу на предмет структурированных данных. Ещё одно преимущество заключается в том, что вы можете напрямую инициировать проверку данных, чтобы видеть результат. Недостатком является то, что сканирование больших страниц занимает много времени.

Вывод: ещё актуальнее с 2021 года

Теперь у вас есть обзор возможностей и преимуществ, структурированных данных. Надеюсь, вы смогли раскрыть потенциал своего собственного веб-сайта, интернет-магазина или компании. Если вы хотите узнать больше о том, как разметить страницу, прочитайте родственную статью «Аудит структурированных данных: на это стоит обратить внимание и что искать». Одно можно сказать наверняка: структурированные данные будут приобретать все большее значение с 2021 года. Таким образом, Google получает как можно больше информации и, в свою очередь, предоставляет вам дополнительные визуальные эффекты. Однако вы всегда должны помнить, что выполненное пользователем намерение поиска всегда должно быть на переднем плане.

Бонус: полезные ресурсы для структурированных данных

Новичку может быть очень сложно ориентироваться в джунглях структурированных данных. Поэтому в дополнение к этому руководству в Интернете есть множество ресурсов, которые более подробно объясняют эту тему. Вы можете найти выбор здесь:

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

Галерея поиска (на английском языке): это руководство на английском языке представляет собой своего рода демонстрацию всего, что возможно со структурированными данными. В нём перечисляет все типы и дополняет примеры практическими фрагментами кода.

Инструмент тестирования структурированных данных: за этим инструментом стоит реальная помощь для проверки структурированных данных. Вы можете вставить как фрагменты кода, так и целые URL-адреса и проверить их на наличие ошибок. Однако в ближайшем будущем использование этого инструмента будет прекращено, и его заменит Rich Result Tool от Google.

Помощник по структурированным данным Ryte (расширение Chrome): в качестве альтернативы инструменту тестирования для структурированных данных (который, как уже упоминалось, скоро будет остановлен), Ryte создал расширение для Google Chrome, чтобы сразу увидеть, использует ли веб-сайт структурированные данные. Вы также можете увидеть любые ошибки и предупреждения в используемой разметке.