Руководство по реализации структурированных данных JSON-LD

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

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

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

«Но что, если я не умею писать JavaScript?»

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

Инструмент Google Data Highlighter

Прежде всего, у вас есть возможность использовать инструмент Highlighter в Google Search Console, который позволяет вам реализовать структурированные данные, не просматривая ни одной строчки кода .

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

Это самый простой и быстрый способ добавить структурированные данные на ваш сайт. Так зачем делать это на собственном горьком опыте?

Что ж, проблема в том, что выделитель данных Google обращается только к Google. Так что, хотя это отличное место для начала, вы не должны останавливаться на достигнутом.

Мы наблюдаем постоянное развитие того, как Google использует структурированные данные. Совсем недавно было анонсирование Rich Cards для мобильных устройств:

Это касается не только Google - гиганты социальных сетей нашли способы использовать эти данные. Pinterest, например, позволяет Rich Pins получать данные о продуктах, рецептах, местах и ​​т. Д.

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

Возможно, вы хотите добавить панель поиска по дополнительным ссылкам, такую ​​как у BuzzFeed ниже, чтобы люди могли выполнять поиск на вашем веб-сайте из поисковой выдачи (это так мета):

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

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

Если ваш веб-сайт находится на WordPress, вы можете использовать такой плагин, как Schema Creator от Raven. Этот удобный инструмент проведет вас через процесс и создаст шорткод для каждой созданной вами схемы, что позволит вам впоследствии редактировать ее:

Если вы не используете WordPress и по-прежнему хотите вручную кодировать свои структурированные данные JSON-LD, или если вы просто хотите узнать больше о предмете, тогда вам пригодится Диспетчер тегов Google!

Использование Диспетчера тегов Google для отправки структурированных данных

Что интересно в поисковых системах, поддерживающих JSON-LD, это то, что он будет найден в любом месте HTML, даже если он динамически вставлен системой управления тегами, такой как Google Tag Manager.

Знакомство с JSON-LD

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

Вот несколько ссылок, с которых можно начать:

• Документация на Schema.org с разбивкой по типу.
• JSON Playground - отличное место, где можно поиграть с информацией, которую вы найдете в приведенной выше ссылке, с некоторыми полезными примерами, которые помогут вам начать.
• Генератор JSON-LD от разработчика Джеймса Флинна, очень прост в использовании и сделает всю тяжелую работу за вас.
• Руководство по структурированным данным в реальном мире от Search Engine News с примерами расширенных сниппетов в реальных условиях.

Пошаговое руководство

Теперь давайте рассмотрим простой пример использования Диспетчера тегов для отправки структурированных данных JSON-LS, чтобы вы начали. Примечание. Если вы еще не используете GTM для развертывания маркетинговых и аналитических тегов и управления ими, прочтите это простое руководство по настройке и установке.

Шаг 1. Добавьте тег

Прежде всего, добавьте новый тег:

Шаг 2. Назовите свой тег

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

Шаг третий - выбор настраиваемого тега HTML

Поскольку мы используем нашу собственную разметку JSON-LD, вам нужно выбрать опцию настраиваемого тега HTML и нажать продолжить:

Шаг четвертый - введите разметку JSON-LD

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

Шаг 5. Выберите, когда тег должен активироваться

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

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

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

Совет: Если вы хотите указать группу страниц, вы можете использовать операцию 'contains' URL-адреса страницы или операцию RegEx (регулярное выражение).

Еще один совет: вы можете объединить свои структурированные данные (код) в один настраиваемый тег HTML или логические группы тегов, чтобы уменьшить количество тегов в вашем контейнере.

Шаг шестой - Тестирование

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

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

• Инструмент проверки структурированных данных Google
• Валидатор разметки Bing

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

Этот метод позволит вам без проблем вставить фрагмент JSON-LD на страницу или страницы. Но если вы хотите получить больше технических знаний и использовать Диспетчер тегов для динамического создания фрагмента, например, используя {{URL страницы}}, это не сработает. Крис Годдард недавно написал отличный пост в блоге Moz, в котором описал обход этого.

Заключение

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

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

Если вам нужна помощь во внедрении структурированных данных на ваш сайт, свяжитесь с нами.

Если вам нужна помощь, не стесняйтесь обращаться к нам.