1. Что такое структурированные данные
2. Что такое Schema.org
3. Каковы богатые фрагменты
4. Улучшились ли рейтинги со структурированными данными / Schema.org?
5. Методы реализации структурированных данных
6. Метод 1: Микроданные и RDFa
7. Способ 2: JSON-LD
8. Как сделать разметку структурированных данных
9. 1. От руки
10. 2. С инструментами
11. 3. С плагинами
12. WordPress
13. Структурированные валидаторы данных
14. Валидаторы общего назначения
15. Конкретные валидаторы
16. Преобразователи
17. Расширения Chrome
18. Предупреждения (рекомендации)

Структурированные данные становятся все более необходимыми с каждым днем.

Мало того, что они помогают поисковым системам понять ваш контент и улучшить свои результаты.

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

Что именно представляют собой структурированные данные? И самое главное, как их использовать на вашем сайте?

В этом руководстве я все вам объясню и дам вам инструменты, необходимые для их генерации и проверки.

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

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

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

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

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

Что такое Schema.org

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

Он появился в 2011 году в результате сотрудничества между основными поисковыми системами (Google, Bing, Yahoo!, Yandex) и является одной из самых распространенных инициатив семантическое движение ,

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

Каковы богатые фрагменты

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

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

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

Улучшились ли рейтинги со структурированными данными / Schema.org?

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

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

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

Методы реализации структурированных данных

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

Есть два способа сделать это:

1. Подборка описаний в контенте ( Микроданные и RDFa )
2. Добавление блока кода со всеми описаниями ( JSON-LD )

Ниже я объясню каждый из этих методов:

Метод 1: Микроданные и RDFa

Оба микроданных в качестве RDFa это серия тэгов HTML (не путайте метатеги ), которые связывают содержание страницы со словарем Schema.org.

Чтобы дать вам представление о том, как это работает, вот пример маркировки с помощью микроданных. Это страница, которая показывает имя человека , его фото и веб-сайт :

<div itemscope itemtype = "http://schema.org/Person">
Имя: <span itemprop = "name"> Томас де Тереза ​​</ span>
Фото: <img src = "http://deteresa.com/wp-content/uploads/2016/02/tomas-de-teresa.png" itemprop = "image" alt = "Фотография Томаса де Тереза" />
Интернет: <a href="http://deteresa.com" itemprop ="url"> deteresa.com </a>
</ div>

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

• Предметная область - указывает, что вы собираетесь поговорить о чем-то ( предмете ) в блоке <div> .
• Itemtype - указывает, что что-то является человеком .
• Itemprop - указывает на известные характеристики человека ( имя , изображение и URL ).

Способ 2: JSON-LD

Вместо того, чтобы размещать HTML-теги между контентом, JSON-LD встраивает описание в отдельный фрагмент кода ( скрипт ). Таким образом, реализация проще, так как код может быть размещен в блоке в любой части страницы.

Продолжая с примером человека , маркировка с помощью JSON-LD будет выглядеть следующим образом:

<script type = "application / ld + json">
{
" @Context ": "http://schema.org",
" @Type ": "Персона",
« Имя »: «Томас»,
« Изображение »: «http://deteresa.com/wp-content/uploads/2016/02/tomas-de-teresa.png»,
" URL ": "http://deteresa.com"
}
</ script>

Как видите, самый простой способ реализовать и он более понятен тем, что описывают метки ( name, image, url ).

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

С другой стороны, Google пока не поддерживает разметку JSON-LD для всех типов данных следовательно, он рекомендует использовать Microdata и RDFa в качестве первого варианта.

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

• микроформатами - Они работают аналогично Microdata и RDFa, с той разницей, что они вносят свой собственный словарный запас. То есть они не используют Schema.org.
• Открыть График - Это формат разметки, созданный Facebook для указания данных, которые следует использовать при публикации страницы (например, заголовок, описание, изображение и т. Д.). Хорошо использовать OG в качестве дополнения к Schema.org, но не заменять его.

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

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

Теперь, когда вы знаете, как работают структурированные данные, пришло время пометить данные на вашем веб-сайте. У вас есть несколько вариантов:

1. От руки

Пометить данные вручную означает взять схему того, что вы хотите описать (в формате Microdata или JSON-LD), заполнить известные данные и вставить их в HTML-код страницы. Это простой метод, но он также утомителен и непрактичен для динамических страниц.

Вы можете получить схемы на этих сайтах:

2. С инструментами

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

Вот самые популярные генераторы:

• Помощник по маркировке структурированных данных Google - Он позволяет генерировать HTML-код разметки в интерактивном режиме, выбирая на той же странице элементы для разметки.
• Raven Schema Creator - Создает наиболее распространенную схему структурированных данных с Schema.org и микроданными. Его работа так же проста, как заполнение полей и копирование схемы на сайте.
• Микро Генератор Данных - аналогично предыдущему инструменту; Вы вводите основную информацию и конвертируете ее в структуру тегов Schema.org с микроданными.
• Джо Холл Генератор схем JSON-LD - Создает структурированные данные в формате JSON-LD из данных, введенных в форму.
• Sistrix Video Schema Generator Генератор - Этот инструмент, предназначенный исключительно для пометки видео на Youtube и Vimeo, генерирует необходимый код для пометки видео на вашем сайте.

3. С плагинами

Это идеальная альтернатива для контент-менеджеров (CMS). В зависимости от типа данных, которые будут помечены, они добавляют форму в окно редактирования страницы или автоматически помечают ее.

WordPress

• Создатель схемы от Raven - Та же функциональность онлайн-инструмента Raven, интегрированного в WordPress. Это позволяет добавлять Schema.org и микроданные к записям и страницам.
• Все в одной схеме Rich Snippets - Вставьте структурированные данные, необходимые для выбора основных типов расширенных фрагментов в поисковых системах, в дополнение к добавлению метаданных Facebook Open Graph.
• Yoast SEO - добавляет Schema.org к различным элементам, в частности, к разметке RDFa для хлебных крошек и JSON + LD для внутренней поисковой системы. Он также вставляет социальные метаданные Facebook, Twitter и Google+. Платежные плагины Видео SEO , Местное SEO и WooCommerce SEO они включают в себя дополнительную маркировку.
• WordLift - Позволяет систематизировать содержимое с помощью концепций или сущностей, следуя спецификациям Schema.org.

Joomla

• J4Schema - Включает визуальный редактор атрибутов для Schema.org. После выбора текста вы можете добавить соответствующие атрибуты. Интегрируется с Virtuemart и K2.

Drupal

• Schema.org - Позволяет связывать контент с различными схемами Schema.org, а также указывать соответствующие атрибуты.

Magento

• MSemantic - Добавьте знак Schema.org на страницы продукта.

4. С маркерами данных

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

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

В настоящее время Google является единственным, который предлагает маркер данных и делает это в консоли поиска.

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

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

Ниже я приведу полный список тестеров из подборки Аарон Брэдли :

Валидаторы общего назначения

Это инструменты для проверки маркировки в нескольких форматах. Они ориентированы в основном на веб-поиск.

• Инструмент для проверки структурированных данных Google - Включает проверку HTML-страниц, помеченных микроданными, RDFa, RDFa Lite и JSON-LD, путем ввода кода напрямую или через URL-адрес. Он включает в себя примеры всех видов, от логотипов до окон поиска в ссылках сайта, через события, действия и различные богатые фрагменты, среди прочего.
• Валидатор маркировки Bing - Для доступа к инструменту необходимо авторизоваться Инструменты Bing для веб-мастеров , Он принимает проверку только по URL, но может использоваться для проверки URL-адресов любого домена, а не только вашего аккаунта.
• Структура данных валидатора Яндекса - Позволяет проверять микроданные, Schema.org, микроформаты, Open Graph и RDF. Принимает проверку через URL-адреса и фрагменты HTML-кода.
• Структура данных Линтер - Проверка и визуализация маркировки с помощью микроданных, JSON-LD и RDFa. Это также позволяет проверять словарные схемы Schema.org, FOAF, SIOC, SKOS и Dublin Core (DCMI).

Конкретные валидаторы

Полезно для проверки маркировки в определенных форматах, таких как микроданные, RDFa, JSON-LD и даже Open Graph и Gmail.

Преобразователи

Они позволяют переводить синтаксис одного формата в другой.

• RDF Переводчик - Мультиформатный переводчик для структурированных данных. Преобразование из и в RDFa, микроданные, JSON-LD, RDF / XML, RDF / JSON и другие. Он позволяет переводить с URL-адреса или текста и имеет API для разработчиков.
• Конвертировать RDFa в JSON-LD - Маркеры для перевода RDFa в JSON-LD и микроданных в RDFa.
• Конвертировать URL Википедии в URL DBpedia - Маркер для перевода страницы Википедии в ее эквивалент в DBpedia , Работает только на английском.

Расширения Chrome

Полезно для проверки маркировки данных о рейсе.

• Microdata.reveal - Он анализирует страницу, загруженную в браузер, и показывает зеленый значок, когда находит микроданные, встроенные в код. При нажатии на значок появляется всплывающее окно с представлением данных (HTML или JSON).
• Микроданные / анализатор JSON-LD - Подобно предыдущему, он показывает значок на панели навигации, когда находит на странице микроданные или JSON-LD. Нажав на значок, вы можете просмотреть данные.
• Семантический инспектор - Другое расширение, которое показывает значок, если страница содержит микроданные, и представляет его схематично.
• МЕТА SEO Инспектор - Полезно для проверки структурированных данных. Он отличается от предыдущих расширений тем, что четко указывает на отсутствующие данные или на наличие ошибок. Он также показывает аннотации карт Open Graph и Twitter.
• Зеленая черепаха RDFa - Программа просмотра RDFa 1.1 с аналогичной работой с предыдущими расширениями. Когда он находит данные на странице, он показывает значок на панели браузера; при нажатии на нее генерируется тройной график.

Предупреждения (рекомендации)

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

Ниже приведены рекомендации основных поисковых систем (на данный момент только на английском языке):

Вам удалось пометить ваши данные?

Изображение создано с PosterGen

Похожие

Комментарии