Google проводит испытание новой выдачи и предпочитает JSON-LD

Содержание материала:

Микроразметка JSON-LD для добавления данных schema.org на ваш сайт

Автор: Эдуард Бунаков · Опубликовано 16 апреля 2020 · Обновлено 16 апреля 2020

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

В этом посте я расскажу о Schema.org и JSON-LD. Что же это такое и как вы можете использовать это для своего сайта?

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

JSON-LD ― это относительно новый способ представления данных Schema.org о вашем контенте поисковым системам. Он имеет несколько основных преимуществ, поэтому давайте рассмотрим подробнее.

Что такое JSON-LD?

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

JSON-LD или JavaScript Object Notation для связанных данных ― это метод кодирования связанных данных с использованием JSON. ( Википедия )

Давайте рассмотрим следующее:

JSON

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

LD

Связанные данные ( Linked Data ) ― это история про использование Интернета для подключения соответствующих данных.

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

Зачем использовать Schema.org?

То, о чем мы здесь говорим ― это структурированные данные для вашего сайта. Schema.org демонстрирует способы представления вашей информации в Google машиночитаемым способом. Используя эти данные, вы создаете возможность для Google показывать ваш контент в двух категориях поиска Google:

  • Расширенные сниппеты, которые означают, что добавленный вами контент, например цена вашего продукта, его рейтинг и / или доступность, буквально отображаются в результатах поиска как дополнительная информация в вашем фрагменте.
  • Окно поиска по сайту, если ваш сайт соответствует всем критериям. Для этого вам нужно добавить структурированные данные в код своего сайта.
  • Knowledge Graph (Сеть знаний; дословно Граф знаний). Это немного сложнее, т.к. вы должны сначала доказать, что именно вы являетесь авторитетом для определенного контента. После этого Google может включить ваши данные в Сеть знаний.

Как видите, действительно интересно оптимизировать свой сайт с помощью Schema.org.

Почему микроразметка JSON-LD лучше?

Методы, которые использовались для реализации schema.org до появления JSON-LD, были громоздкими. Вы должны были добавить атрибуты schema.org к частям html-кода в вашей разметке. Разметку, возможно, придется менять от страницы к странице, даже если вы, например, везде включали один и тот же заголовок. Это сделало schema.org неудобным для реализации.

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

Вы можете добавить практически любую схему к вашему блоку JSON-LD, даже навигационную цепочку (хлебные крошки):

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

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

К счастью, JSON-LD настроен в стандартном формате. Вот пример этого формата для случайного продукта компании Apple:

Вы можете использовать любую схему schema.org в JSON-LD. Но после добавления нового сценария JSON-LD на свой веб-сайт обязательно проверьте свой код с помощью инструмента тестирования структурированных данных Google .

Как видите, микроразметка json-ld может быть легко задано в вашей теме. Есть специальные генераторы, например этот , который может быть полезен при создании шаблона для этого.

Микроразметка json-ld может быть легко добавлена, если вы используете WordPress. Для этого вам помогут специальные плагины . Для других cms-систем, так же существуют расширения, которые гугл найдет за 2 секунды.

Заключение

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

Для этого не обязательно быть в самой верхней позиции, можно иметь 3-ю — 5-ю, но с расширенными сниппетами, например как этот:

Новая реальность в поиске: JSON-LD, Mobile-First, «Палех»

В конце октября — начале ноября 2020 года крупнейшие поисковики сообщили о нескольких нововведениях, которые взбудоражили околосеошную тусовку. Речь идет о тестировании Mobile-First индекса Google, запуске алгоритма «Палех» «Яндексом», а также о симпатиях Google к формату микроразметки JSON-LD. Кроме традиционных «Яндекс отстой» и «Google чудак», в сообществах оптимизаторов появились другие сообщения. Их суть можно свести к названию знаменитого романа Николая Чернышевского.

Кстати, у постоянных читателей блога «Текстерры» вопрос «что делать» в связи с последними нововведениями поисковиков не возник. «Яндекс» и Google совершенствуют поиск в направлении, о котором мы говорим не один год. Это значит, что у вас было много времени и достаточно инструментов, чтобы подготовить маркетинговую стратегию в целом и сайты в частности к новой реальности.

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

Джейсон отправляется в Палех с мобильным

Google предпочитает JSON-LD

Это сообщил в конце октября 2020 года специалист по работе с вебмастерами крупнейшего поисковика в мире Джон Мюллер. Дословно господин Мюллер сказал так: «Мы видим, что многие специалисты используют JSON-LD, поэтому данный формат нравится нам немного больше других. Google учитывает все остальные типы структурированных данных и все форматы их передачи».

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

Джон Мюллер подчеркнул, что в настоящее время нет нужды переходить на JSON-LD, если вы уже используете микроформаты или другой тип разметки. «Если с помощью какого-то инструмента вы разметили страницу и получили расширенные сниппеты, не нужно переключаться на JSON-LD», — сказал представитель Google.

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

Что нового сказал Джон Мюллер

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

Review Schema.org можно внедрить с помощью JSON-LD. Вы получите те же звездочки в сниппете, как и в случае использования формата микроданных.

Google говорит, что JSON-LD ему больше нравится. Значит ли это, что сайты с данным форматом получат преимущество в индексе? Нет, в данный момент поисковики не используют микроразметку в качестве сигнала ранжирования. Хотя примерно год назад тот же Джон Мюллер не исключал, что когда-нибудь семантические данные могут стать фактором ранжирования.

Если Google предпочитает JSON-LD, может ли сайт за счет этого формата быстрее получить расширенный сниппет? Иначе говоря, может ли поисковик не дать расширенный сниппет сайту, на котором Schema.org реализована через микроданные, но дать его такому же сайту с реализацией Schema через JSON-LD?

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

И он отображает. Вот доказательства: поисковик показывает звездочки для страницы экспериментального ресурса, на которой разметка Review Schema.org реализована с помощью JSON-LD.

Расширенный сниппет получен с помощью Review Schema.org, внедренной в формате JSON-LD

А вот расширенный сниппет для другой страницы этого же ресурса. Здесь микроразметка Review Schema.org реализована в формате микроданных.

На этой странице разметка реализована в формате микроданных

В чем практическая ценность формата JSON-LD

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

Разметка Schema.org Review отображается на сайте

Формат JSON-LD позволяет указать данные в скрипте. Благодаря этому разметку видят только поисковые роботы, для которых она и предназначена. На иллюстрации ниже можно увидеть код страницы, на которой с помощью формата JSON-LD внедрены типы разметки BlogPosting и Review Schema.org.

Разметку можно увидеть только в коде страницы

Некорректно говорить, что JSON-LD лучше Schema.org. Условно выражаясь, JSON-LD — это язык, с помощью которого передаются семантические данные Schema.org. Правильнее сравнивать друг с другом два языка, например, JSON-LD и микроданные.

Как внедрить семантические данные с помощью JSON-LD

Самый простой и быстрый способ внедрения микроразметки с помощью JSON-LD — использование генераторов кода и плагинов для CMS. Вот несколько инструментов, которые можно применять без привязки к конкретному движку:

Обратите внимание на последний инструмент. Базовую веб-версию генератора можно использовать бесплатно. Также вы можете воспользоваться платным плагином для WordPress или API для реализации разметки через Google Tag Manager для любой CMS. Главное преимущество генератора от SchemaApp — поддержка большого количества разных типов Schema.org.

Представьте, что вам нужно реализовать с помощью JSON-LD тип разметки Review. Соответствующий генератор находится в разделе Creative Work — Review. Укажите значения в полях формы генератора. В правой части экрана сервис соберет код микроразметки.

Код микроразметки готов

Перед публикацией вы можете проверить корректность кода с помощью соответствующего инструмента Google. Для этого нажмите кнопку Test Markup.

Проверка пройдена, ошибок нет

Скопируйте код и вставьте его на соответствующую страницу сайта между тегами и . Если ваш ресурс работает на WordPress, быстро вставить скрипт в хэдер отдельной страницы можно с помощью Per page add to head или аналогичных плагинов.

Пользователи самой популярной CMS в мире могут быстро внедрить JSON-LD с помощью плагинов:

WP SEO Structured Data Schema. Инструмент с помощью JSON-LD внедряет на сайт разметку Schema.org Website, LocalBusiness и Site link Search Box. Также с его помощью вы можете добавить на любую страницу или в публикацию типы разметки Article, BlogPosting, News Article, Event, Product, Video, Service, Review и Aggregate Rating.

Плагин WP SEO Structured Data Schema добавляет на страницу редактирования записей форму генерации микроразметки. Чтобы добавить структурированные данные, во время публикации поста просто укажите нужную информацию в соответствующих полях.

Указываем данные в форме генератора микроразметки

После публикации поста проверьте корректность разметки с помощью инструмента Google.

Микроразметка проходит валидацию

А как же «Яндекс»

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

Нужно отметить два момента. Первый: валидатор микроразметки «Яндекса» распознает микроразметку JSON-LD. Пример на иллюстрации.

Валидатор «Яндекса» видит микроразметку JSON-LD

Второй момент: рано или поздно «Яндекс» научится использовать полученные с помощью синтаксиса JSON-LD сведения в поиске. Откуда такая уверенность? «Яндекс» точно хочет остаться лидером поискового рынка рунета. Поэтому ему придется учитывать удобный и популярный формат разметки.

Промежуточный вывод: если вы уже внедрили микроразметку, ничего менять не надо. Если структурированных данных на вашем сайте нет, стоит это немедленно исправить. Воспользуйтесь связкой «Schema.org + JSON-LD».

Да, «Яндекс» пока не использует JSON-LD в выдаче. Поэтому вы не получите расширенный сниппет, если реализуете разметку Schema.org Review в этом формате. Но не факт, что в SERP «Яндекса» рядом со ссылкой на ваш сайт появятся звездочки, если вы используете для разметки отзыва микроданные.

Можно рассуждать так: живым пользователям удобнее, если разметка реализована с помощью JSON-LD. Пусть «Яндекс» считается с этим.

Мобильный индекс стал основным

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

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

Что случилось? Пришло время напрячься владельцам сайтов, которые не прислушивались к рекомендациям Google и W3C.

Для справки: Google называет responsive design рекомендованным способом адаптации сайта под мобильный трафик. Консорциум всемирной паутины (W3C) говорит, что пользователи десктопов и мобильных устройств при посещении сайта должны получать одинаковые данные (об этом можно почитать здесь и здесь). Кстати, в блоге «Текстерры» адаптивный дизайн тоже назывался оптимальным способом адаптации ресурса к нуждам мобильных пользователей.

Кому из владельцев сайтов нужно задуматься? Тем, кто считал, что у пользователей десктопов и смартфонов разные потребности. И кто из-за этого предлагал посетителям разный контент в зависимости от их девайсов. Речь идет о заблуждениях, которые можно условно объединить в один тезис: мобильные пользователи не читают. Из-за него некоторые мобильные версии сайтов имеют ограниченную информационную ценность по сравнению с полными версиями.

Представьте, что вы опубликовали подробное руководство на основном сайте. А посетителям мобильной версии вы предложили кастрированную версию контента: только тезисы и номер телефона отдела продаж. Раньше Google давал вам посетителей, так как оценивал основную страницу. Теперь поисковик в первую очередь обратит внимание на сокращенную версию, информационная ценность которой невысока.

Google дал рекомендации в связи с внедрением mobile-first индекса. Вот краткая суть:

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

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

Топ-пост этого месяца:  Было - стало социальные сети, приложения и сервисы

Убедитесь, что вы разметили как стационарную, так и мобильную версию сайта.

Проверьте, разрешена ли индексация мобильной версии.

Убедитесь, что на сайте корректно указаны канонические URL. При этом вам не надо их менять.

Добавьте мобильную версию сайта в Search Console.

Не используйте незаконченную или некорректно работающую мобильную версию сайта. До запуска полноценного мобильного сайта предлагайте всем пользователям полную версию ресурса.

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

Кстати, внедрение mobile-first индекса — хороший повод пересмотреть стратегию и отказаться от создания разного контента для пользователей мобильных девайсов и десктопов. Вместо этого создавайте адаптивный контент, который удобно потреблять с помощью устройств всех типов.

В середине ноября появилась информация, что Google не рассматривает ускоренные мобильные страницы в качестве альтернативы мобильной версии сайта. Если у вас есть десктопная версия и AMP, для mobile-first Google проиндексирует версию ресурса для десктопов.

Палех: «Яндекс» учится работать с длинным хвостом

Сообщение о новом алгоритме появилось в блоге «Яндекса» в начале ноября. «Палех» предполагает использование нейронных сетей для обработки длиннохвостых запросов пользователей. Например, новый алгоритм поможет лидеру поискового рынка рунета качественнее обрабатывать запросы типа «книга про собаку, которая служила в танковых войсках».

Информацию о работе нового алгоритма можно найти в упомянутой выше публикации в блоге «Яндекса» или в посте Александра Сафронова на «Хабре». На что стоит в первую очередь обратить внимание владельцам сайтов, блогерам и другим практикам интернет-маркетинга?

В алгоритме «Палех» нет ничего нового для вебмастеров. Поэтому работайте над своими проектами так, как делали это раньше.

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

Теперь подробности. Google использует то, чем начал заниматься «Яндекс», как минимум три года. Осенью 2013 года крупнейший поисковик мира анонсировал запуск «Колибри». Специалисты называли обновление алгоритма крупнейшим за десятилетие.

С помощью Hummingbird Google улучшил качество обработки длинных поисковых запросов. Поисковик использовал технологии deep learning и knowledge graph, чтобы обрабатывать сформулированные по-человечески запросы так, как это делает человек. Иными словами, после запуска «Колибри» Google для определения релевантности веб-страниц пытается понимать их содержание, а не считать показатели типа TF-IDF.

В 2015 году Google сообщил о появлении RankBrain. Эта надстройка для «Колибри» работает благодаря технологиям машинного обучения. Она делает то же, что и «Палех»: помогает поисковику понимать длиннохвостые запросы.

«Палех» фактически повторяет «Колибри» и RankBrain Google. Речь не о технологиях, а о направлении развития поиска и практических последствиях для владельцев сайтов. О каких последствиях идет речь?

О ключевых словах можно забыть

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

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

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

Сеошные заголовки перестанут работать

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

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

Теперь и в «Яндексе»: качество контента станет определяющим фактором

Поисковые системы видят качественный контент. Благодаря машинному обучению они с каждым днем лучше справляются с этой задачей. Алгоритм «Палех» — еще один маленький шажок «Яндекса» в направлении лучшего понимания потребностей и степени удовлетворенности пользователей. Говоря иначе, «Яндекс» учится понимать, какой контент качественнее удовлетворяет аудиторию.

Почему маленький и почему шажок? Алгоритм «Палех» пока использует для обработки длиннохвостых запросов только заголовки страниц.

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

«Яндексу» еще учиться и учиться: верного ответа на человеческий запрос он пока не нашел.

Человек искал «Шлем ужаса» — роман в формате интернет-чата

Почему Google нашел верный ответ, а «Яндекс» нет? «Колибри» анализирует содержание документов целиком, а «Палех» пока ограничивается заголовками. В посте на «Хабре» Александр Сафронов прямо пишет, что научить машину понимать документы полностью — нетривиальная задача. Ее решение требует времени и ресурсов.

Но «Яндекс» хочет остаться лидером поискового рынка рунета. Поэтому «Палех» очень скоро будет анализировать документы целиком. Это поможет ему еще лучше определять потребности пользователей и их удовлетворенность.

Как работать в новой реальности

Так же, как раньше. Создавайте информативный и полезный для пользователей контент без оглядки на «Палех», RankBrain и «Колибри» с «Матрикснетом». Все существующие и будущие алгоритмы «Яндекса», Google и других поисковиков решают одну задачу. Они стараются понять нужды пользователя и предоставить ему лучший ответ на запрос.

У вас есть преимущество перед роботами. Вы понимаете аудиторию и можете удовлетворять ее информационные запросы. Совершенствование алгоритмов всегда будет в вашу пользу.

Адаптируйте сайт к нуждам мобильной аудитории. Применяйте responsive design или динамический показ. Это даст вам возможность работать без оглядки на тип гаджетов, которые используют посетители сайта.

Хотите обеспечить мобильным пользователям дополнительные удобства? Сделайте ускоренные мобильные страницы. Если ваш сайт работает на WordPress, это займет минуту. Установите и активируйте плагин AMP. Больше никаких действий не нужно, на вашем сайте теперь есть ускоренные мобильные страницы.

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

А вы что-то предприняли в связи с последними нововведениями поисковиков? Расскажите в комментариях.

Комментарий:
Евгений Рудаков, руководитель отдела интернет-маркетинга компании R52.RU

Относительно предпочтений Google к JSON-LD: мы работаем в российском сегменте интернета и, соответственно, должны учитывать особенности не только Google, но и Яндекса. В основном, микроразметка используется нами для получения расширенного сниппета и более высокого, чем у конкурентов, CTR на выдаче. Яндекс, в данный момент, не поддерживает передачу и использование микроразметки в формате JSON-LD в поисковой выдаче, и когда он начнёт это делать — неизвестно. Так что данная рекомендация от Дмитрия имеет смысл для компаний, у которых Google является основным, либо единственным, источником органического трафика.

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

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

Палех и Hummingbird — это наше ближайшее будущее, но пока не настоящее.

Комментарий:
Мария Тюхтина, руководитель отдела интернет-маркетинга агентства Bquadro

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

Вопросы корректного отображения сайтов на мобильных устройствах мы с нашими клиентами обсуждаем уже несколько лет. Если ещё годах в 2013-2014 было не совсем очевидно, что лучше: мобильная версия или адаптивный дизайн, то сейчас мы с уверенность говорим об адаптивном дизайне и про отдельный сайт на поддомене уже практически не вспоминаем.

Что касается практических наблюдений результатов внедрения адаптивного дизайна, то могу отметить существенный прирост трафика на тех проектах, где адаптив был внедрён. Особенно заметна положительная динамика именно в поиске Google. Хотя в этом году и Яндекс начал рассылать «письма счастья» владельцам интернет-сайтов с неадаптивным дизайном. В этой поисковой системе пока нет такой очевидной реакции оптимизацию сайта для мобильных устройств.

Что касается разметки структурированных данных, то тут мы не настолько согласны с Google, как в в вопросах адаптивной версии �� Достаточно часто выгоднее использовать формат schema.org. Всё-таки такому формату явно больше «симпатизирует» Яндекс (достаточно посмотреть, сколько страниц в хелпе уделено вопросам внедрения schema.org и сколько сказано про JSON-LD).

Да, возможно, в вопросе отзывов не имеет смысла показывать семантические данные конечным пользователям. Но вот, например, внедряя структурированные данные для карточек товара в интернет-магазине, очень удобно внедрить микроразметку в текущий html-код. Использовать в связке schema.org и скрипт JSON-LD я всё-таки считаю избыточным: одни и те же данные будут подгружаться дважды. Зачем увеличивать нагрузку, если Google прекрасно поймет и Schema?

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

В целом как и всегда: продолжаем делать сайты для людей — юзабильные, с качественным контентом и грамотным кодом. Работаем, господа оптимизаторы! ��

Что такое «структурированные данные» и почему вы должны их использовать

Это перевод статьи Нейта Харриса для блога Ahrefs. Больше об авторе можно узнать из его страницы Facebook .

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

  • особенности применения Schema.org,
  • тонкости JSON-LD,
  • интересные фишки в Google Search Console (по старинке — Google Webmaster),
  • мифах структурированной разметки.

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

Нам известно, что Google добавляет каждые пару месяцев новый блок в Google Search Gallery .

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

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

Это не SEO-термин. Реляционные базы данных — основополагающее ядро ​​всех вычислений – полагаются на структурированные данные. SQL — структурированный язык запросов — управляет упорядоченными данными.

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

Микроразметка SCHEMA.ORG

Де-факто в интернете основным языком описания структурированных данных является schema.org. Например, для представления авиаперелета schema.org содержит правила для описания типа авиаборта, номера выхода на посадку, меню.

Проект был основан в сотрудничестве между Google, Microsoft, Yahoo и Яндекс. Он остается открытым исходным кодом и технически редактируется кем-либо. Однако, как и любой проект W3C, процесс внесения изменений не так прост. Если вам хочется добавить новый тип структурированных данных, смиритесь с техническими и бюрократическими проволочками. В итоге вы получите новый тип разметки, включенный в библиотеку Schema.org.

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

  1. Микроразметка JSON-LD — один из новых форматов структурированных данных, — именно его регулярно рекомендует Google. Вместо того, чтобы расставлять теги для каждого html элемента, JSON-LD представляет собой большой блок информационного кода, который сообщает роботу Google: «Тип воздушного судна, время отправления, меню и т. п.».

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

  1. RDFa+GoodRelation — это еще одно синтаксическое расширение HTML. RDFa отличается от JSON по сути. Вместо того, чтобы помещать структурированные данные в один блок, HTML-расширение разбросано по всему документу и структурирует ваши данные «на лету».

Данный синтаксис можно представить как еще один атрибут. Например, как class. Этот формат может быть полезен для маркировки динамических элементов (отзывы). В таких случаях он быстрее и удобнее, чем использование JSON.

  1. Microdata — расширение языка в формате HTML5. Используется редко.
  2. Microformat aka μF — микроформат, наиболее часто встречающийся в форме hAtom/hentry.

Маркировка данных Google Search Console

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

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

Как структурированные данные помогают SEO

Расширенные сниппеты (т. н. Rich Snippets ) — наиболее желанные для всех вебмастеров, как повышающие CTR. Например, вывод рейтинга товаров непосредственно в сниппете страницы для интернет-магазина.

  • Граф знания — блок о бренде или личности, например:
  • AMP, Google News и т. д. — для того, чтоб попасть в Google News или иметь пометку AMP, сайт должен иметь множество различных типов микроразметки, например события .
  • Индексация и ранжирование контента. Поисковики заявляют, что лучше понимают контекст и смысл содержимого страницы, если вы применяете микроразметку, даже если нет явно заметных результатов.
  • Другие поисковые системы. Каждая поисковая система обрабатывает структурированные данные по-разному. У Yandex есть поля, необходимые для успешной обработки, которых Google не требует. Результаты первой страницы Baidu в значительной степени зависят от структурированных данных.

Мифы факторов ранжирования

Микроразметка не является фактором ранжирования.

В прошлом мы наблюдали некий трюк со стороны Google, учитывающий микроразметку. Google понимал в выдаче брендовые запросы. Например, если вы владелец пиццерии «Tim`s Pizzeria» в Бруклине и кто-то набирает запрос «tims pizzeria brooklyn», то ваш сайт появится на первом месте в выдаче, даже не имея ссылочного профиля.

Если Google еще не понял, что ваш сайт является аналогом «Tim`s Pizzeria», то микроразметка может в этом помочь, впрочем как и с графом знаний, который был описан выше.

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

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

Использование JSON-LD является наипростейшим способом внедрения структурированных данных на сайт. Эта разметка сообщает, что ваш сайт «представляет собой набор связанных веб-страниц и других элементов, которые обычно размещаются на одном домене и доступны по определенным URL-адресам».

Вставьте данный код на ваш сайт так же, как, например, код GA, заменив yoursite.com вашим URL.

Многим понадобится внедрить микроразметку для интернет-магазина. Ниже приведен пример кода для сайтов eCommerce.

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

Топ-пост этого месяца:  Facebook — регистрация, вход и 15 убойных советов по настройке вашей официальной страницы в ФБ

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

Владельцам сайтов на WordPress можно порекомендовать плагин Schema для быстрой и легкой настройки микроразметки. Большинство плагинов микроразметки для WordPress имеют множество проблем и недоработок. Многие из этих плагинов передают в качестве элементов микроразметки лишние данные дизайн-темы WP-сайта, такие как: author, date Published, Featured Image и т. д.

Однако использование плагинов не позволит вам охватить все возможности Schema, которые поддерживает Google. Тонкая и качественная настройка микроразметки — это путь к успеху в выдаче Google. Давайте посмотрим на необычную настройку карточек товаров Sephora . Также интересная микроразметка применена на NYTimes .

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

Данная микроразметка делает сайт клиента автора одним из немногих (например, suggestedMinAge используется всего лишь от 100 до 1000 доменами)

Еще одна проблема SEO-плагинов для микроразметки в том, что их использование часто приводит к дублям. Это может быть проблемой, например, для карточек товаров: Google может считать два элемента микроразметки одного товара как два разных товара.

С данной проблемой автор статьи работает в настоящее время на одном из сайтов: Shopify имеет внедренную микроразметку товаров Schema, которая дублирует внедренную автором микроразметку для расширенных сниппетов, содержащую секции aggregate ratings и review (отзывы и рейтинг).

Кто то может предложить https://www.schemaapp.com/ … Автор статьи не сталкивался и не станет рекомендовать «за» или «против». Однако вот, что стоит отметить:

Все это кажется слишком сложным

Для мгновенного результата базовые возможности микроразметки несомненно помогут SEO. Основные структурированные данные могут быть внедрены с помощью плагинов. Если Вы выбрали применение плагинов, то стоит быть готовыми к сложностям, описанным выше.

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

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

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

Выводы

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

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

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

Яндекс.Метрика стала поддерживать тип разметки JSON LD

Отчёты по контенту в Яндекс.Метрике начали поддерживать ещё один тип разметки по стандарту Schema.org — JSON LD.

Сайтам, размеченным по стандарту Microdata, с которым отчёты работали с момента запуска, ничего менять не нужно — все данные продолжат собираться корректно. Тем, кто хочет перейти с Microdata на JSON-LD, необходимо переключить тип разметки в настройках счётчика рядом с пунктом «Контентная аналитика».

Чтобы упростить настройку разметки, в консоли браузера была добавлена проверка.

Чтобы проверить разметку, необходимо:

  1. Включить опцию «Контентная аналитика» в настройках счётчика.
  2. В адресной строке браузера добавить к адресу страницы параметр _ym_debug со значением 1. Пример: http://example.com/?_ym_debug=1.
  3. Обновить страницу.
  4. Открыть консоль браузера (Ctrl + Shift + J для Windows и ⌥ + ⌘ + J для Mac).
  5. Раскрыть строку Publisher content info found. В консоли отобразится, какие значения будут переданы для каждого атрибута.

Напомним, ранее в отчеты по контенту были добавлены новые функции: постоянное автообновление, быстрый поиск, анимированный список популярных статей.

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

26.05.2020 Время прочтения: 30 минут

Одно из самых сокровенных желаний владельцев сайтов и SEO-специалистов — это выделить свой сайт в результате поиска, чтобы он отличался от конкурентов, и пользователи чаще переходили на него. Самый действенный метод достижения этой цели – работа со структурированными данными. В этой статье мы постараемся разобраться, что же такое структурированные данные и как их можно внедрить на свой сайт.

С чего все началось?

Единая схема форматов семантической разметки сайтов, которую мы сейчас все знаем и применяем, появилась в 2011 году при поддержке таких гигантов, как «Google», «Yahoo!» и «Microsoft» (позже присоединился четвертый игрок – «Яндекс»). До этого разметка данных существовала в разных форматах и не было единой структуры. К примеру, у «Yahoo!» был сервис под названием «SearchMonkey», который уже в 2008 г. позволял размечать данные на странице и формировать уникальные сниппеты в поисковой выдаче своего поисковика.

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

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

Структурированные данные – это информация, которая представлена в единой и корректной форме с соблюдением определенного комплекса правил.

На сегодняшний день в SEO есть два распространенных типа структурированных данных это:

  • Свойства, которые указываются непосредственно в HTML или с помощью инструментов Google и описывают такую информацию, как цена, адрес, телефон, email и т.д.
  • Описывают тип контента на странице. Например, разметка страниц в виде статей, товарных карточек, событий, видео и т.д.

У структурированных данных есть также второе общепринятое название «Микроразметка».

Разметка данных осуществляеться непосредственно в самом HTML-коде страницы по описанным правилам в словаре schema.org. Также этот процесс может происходить опосредованно, с помощью «Google Маркера» или сервиса «Товары и цены» от Яндекса через панели веб-мастеров.

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

Независимо от того, коммерческий у вас сайт или сайт компании, если на нем нет разметки структурированных данных (микроразметки), то следует как можно быстрее её внедрить.

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

Изображение 1. Сниппет в поисковой выдаче Яндекса интернет-магазина ТВОЕ по запросу «купить белую мужскую футболку». В данном случае размечена цена в формате «от руб.».

Расширенное описание делает ваш сайт заметным и отличает от других участников поиска, что вследствие улучшает CTR. Это вторая причина для внедрения семантической разметки. Как правило, у страниц со структурированными данными показатель кликабельности выше на 30%, чем у тех страниц, где микроразметки нет вовсе. Однако не стоит забывать, что все зависит от ниши, в которой продвигается тот или иной сайт. Если абсолютно все ваши конкуренты используют микроразметку, то отсутствие её на вашем сайте будет очевидным минусом. А если в вашей нише большинство конкурентов не используют этот инструмент, то внедрение структурированных данных на сайте пойдет только на пользу.

Изображение 2. Выдача в Google по запросу «купить айфон 7». Лишь у 2 из 10 сайтов размечены страницы (первый сайт не влез на скриншот, но там был Яндекс.Маркет).

Что нужно размечать?

Чаще всего с помощью микроразметки schema.org размечается следующие типы информации на сайте:

В зависимости от типа страниц размечается такая информация, как:

  • Цена;
  • Производитель;
  • Автор статьи;
  • Описание;
  • Дата публикации;
  • Адрес;
  • Телефон;
  • Список;
  • Жанр фильма;
  • Музыкальный альбом;
  • Рейтинг и т.д.

Какие есть виды словарей микроразметок?

В настоящее время лидером в описании структурированных данных по праву считается schema.org, однако это далеко не единственный словарь микроразметки. Существуют еще такие методы разметки, как:

Расписывать принципы работы с каждым словарем мы не будем, разберем подробнее лишь три из них: Json-ld, Opne Graph и schema.org.

Schema.org

Начнем с популярного словаря по микроразметке schema.org. Результат коллаборации Google, Yahoo!, Microsoft и Яндекса активно развивается и регулярно обновляется и по сей день. На момент создания статьи в словаре имеются описания для 589 типов документов, 860 свойств объектов и 114 специфичных значений. Полный список всех свойств перечислен в виде разветвленной иерархии на этой странице.

Основной высший тип сущности в словаре schema.org — Thing, который, в свою очередь, делится на несколько других подтипов. Некоторые из них:

  • CreativeWork – общий набор правил для описания творческой деятельности: статьи, книги, фильмы, фотографии, программное обеспечение, и т.д.;
  • Event – набор правил для событий, которые произошли или произойдут в определенный период времени: встречи, концерты, выставки и т.д.;
  • Intangible — сервисный класс, который включает в себя несколько нематериальных вещей, таких как размеры, рейтинги, описания рабочих вакансий, услуг и т.д.;
  • Organization – набор правил для разметки организаций, полный список разных видов бизнеса перечислен на странице localBusiness. Также можно посмотреть этот список в справке Яндекса https://yandex.ru/support/webmaster/supported-schemas/address-organization.html;
  • Person – сущность используется для описания живых, умерших, вымышленных личностей или персонажей;
  • Place – набор правил для чего-то, что имеет фиксированное физическое положение (здание, парк, памятник и т.д.);
  • Product – это все, что создается для продажи. Например, пара обуви, билет или автомобиль.

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

У большинства тегов в словаре есть варианты применения в виде примерного куска HTML-кода или JSON-LD скрипта. Ниже мы рассмотрим примеры разметок страницы со статьей (article), товаром (product) и организацией (organization).

Шаблон микроразметки статьи с помощью schema.org

Чаще всего размечаются такие микроданные как URL, datePublished, dateModified, headline, image, author, publisher и др. Рассмотрим на конкретном примере:

Подобной схемы придерживаются большинство размеченных статей. Стоит обратить внимание, что в данном примере часть тегов указываются в разделе (мета-описание и ссылка на автора в g+), а остальная часть прописывается в теле HTML-документа. Некоторые теги использовать не обязательно, к примеру, статья отлично будет себя чувствовать и без разметки тегами articleBody или publisher, но тогда вряд ли пройдет проверку на валидность в инструментах Яндекса или Google.

Изображение 3. Пример страницы в выдаче с микроразметкой статьи в Google. Рядом со статьей отображается дата публикации.

Изображение 4. Пример страницы в выдаче по тому же запросу, что и на изображении 3, только в Яндексе. Дата отображается справа, сверху указывается дата публикации или создания, а ниже дата изменения.

Шаблон микроразметки товарной карточки с помощью schema.org

Следующий вид микроразметки, который мы рассмотрим, будет product или, другими словами, семантическая разметка товарной карточки.

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

Изображение 5. Пример из выдачи Google с указанием цены в формате «ОТ» и «ДО».

Шаблон микроразметки организации с помощью schema.org

Последний шаблон, который мы рассмотрим, – это разметка организации (organization). Обычно эту разметку применяют для структурирования информации на странице контактов.

У schema.org весьма объемный словарь. Из-за этого во время работы с ним могут возникать трудности, но далеко не все теги в разметке обязательны и от большинства можно отказаться. В приведенных примерах я указал самые основные теги, которые могут использоваться во время работы с разметкой schema.org, однако их может быть намного больше.

У Google есть специальный инструмент для разметки страниц по словарю schema.org. С его помощью создавать разметку страниц намного проще.

Изображение 6. Пример из Яндекса. Дополнительная информация об организации отображается под описанием страницы и может быть внедрена как вручную, с помощью разметки, так и с помощью сервиса Яндекс.Справочник.

Плюсы и минусы микроразметки schema.org

  • Большой словарь, который постоянно обновляется;
  • Поддерживается всеми популярными поисковыми системами;
  • Код не скрыт скриптами и целиком находится в контенте страницы;
  • Улучшает отображение сниппетов в поисковой выдаче;
  • Можно найти разметку практически для каждого сайта;
  • Существуют плагины для автоматизации формирования микроразметки;
  • Активно развивается и дополняется.
  • Большое количество схем микроразметки может отпугнуть неподготовленного пользователя;
  • Нужны начальные знания верстки и изменения кода страниц;
  • Усложняет HTML-код, что замедляет разработку сайта;
  • Вся официальная справочная документация на английском языке;
  • Не для всех свойств есть примеры использования на официальном сайте.

Инструменты для работы с микроразметкой schema.org

В работе с микроразметкой schema.org пригодятся такие сервисы, как:

  • Инструмент для проверки структурированных данных от Google;
  • Помощник по микроразметке страниц по словарю schema.org от Google. По итогу получаем HTML-код страницы с уже внедренной микроразметкой;
  • Проверка семантической разметки от Яндекса;

  • Официальный сайт разметки;
  • Неофициальный перевод сайта schema.org на русский язык;
  • «All In One Schema.org Rich Snippets», «Wprichsnippets.com», «Schema App Structured Data» — плагины для WordPress, которые формируют семантическую разметку schema.org автоматически;
  • Notepad++ — или любой другой текстовый редактор.
  • Open Graph

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

    • og:title — заголовок страницы.
    • og:type — тип объекта, например, «music.album»(альбом). В зависимости от типа поддерживаются и другие свойства. Все возможные характеристики тега type перечислены на официальном сайте.
    • og:image — URL изображения.
    • og:url — канонический URL объекта.

    Все теги разметки «Open Graph» прописываются в контейнере .

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

    • og:audio – URL на аудиофайл, если при открытии страницы воспроизводится музыка.
    • og:determiner — слово, которое появляется перед названием этого объекта в предложении. Тип enum (a, an, the, «», auto). Если выбрано auto, потребитель данных должен выбирать между «a» или «an». По умолчанию — » » (пусто). Тег наиболее актуален для англоязычного сегмента в связи с использованием различных артиклей вида «a», «the», «an» и т.д.
    • og:description – описание страницы, разрешенное количество символов от 160 до 295 знаков.
    • og:locale – язык и страна. Формат отображения language_TERRITORY, по умолчанию стоит en_US. Для русскоязычного сегмента прописывается тег ru_RU.
    • og:locale:alternate – альтернативный язык или страна.
    • og:site_name – название сайта.
    • og:v >Ниже представлен пример HTML-кода со всеми возможными свойствами, на практике часть из указанных тегов не указывается и хватает стандартных четырех свойств:

    Изображение 7. Вид ссылки на Facebook с микроразметкой Open Graph.

    Плюсы и минусы микроразметки Open Graph

    • Легкий в освоении словарь;
    • Улучшает отображение ссылок во всех популярных социальных сетях;
    • Поддерживается многими социальными сетями;
    • Разметка совместима с приложениями и играми на платформе социальных сетей;
    • Есть справочная документация на русском языке;
    • Существуют плагины для автоматизации оформления данной разметки;
    • Поддерживается поисковыми системами.
    • Ограниченный функционал;
    • Работает только в социальных сетях.

    Инструменты для работы со словарем Open Graph

    Для работы с микроразметкой «Open Graph» рекомендуются следующие сервисы:

    • Официальный сайт Open Graph на русском языке с примерами разметок;
    • Отладчик перепостов от Facebook показывает, какие данные указаны в Open Graph формате на web-странице;
    • Плагин Open Graph для WordPress;
    • Плагин Open Graph для Joomla;
    • Notepad++- или любой другой текстовый редактор.

    JSON-LD

    Последний вид разметки и структурирования данных, который мы рассмотрим, – JSON-LD. Расшифровывается это страшное название как «JavaScript Object Notation Linked Data». За разработку формата ответственен «Консорциум Всемирной Паутины» или, другими словами, «W3C». Данный формат выполняет все ту же функцию, что и schema.org, но немного другим способом: он структурирует данные помощью JavaScript, что в несколько раз облегчает работу.

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

    Для наглядности сравним разметку schema.org и JSON-LD:

    Шаблон разметки статьи с помощью JSON-LD

    Пример разметки с помощью JSON-LD я взял на основе микроразметки статьи в schema.org из этого же материала выше. Использованы все те же свойства.

    Возникает закономерный вопрос: что же лучше schema.org или JSON-LD? Тут нельзя дать однозначный ответ. Работать с микроразметкой в формате JSON-LD проще и приятнее, чем все с тем же словарем schema.org в HTML-формате, но и у него есть свои минусы. Например, поисковик Google советуют использовать эту технологию для разметки своих страниц. А вот с Яндексом есть проблемы: данный вид разметки пока не отображается в результатах поиска из-за скриптов, хотя страницы с разметкой JSON-LD и проходят проверку на валидность.

    Поисковая система Яндекс не показывает в поисковой выдаче информацию, размеченную с помощью мета-языка JSON-LD.

    Изображение 8. Письмо из техподдержки Яндекса по поводу планов насчет JSON-LD. За скриншот спасибо пользователю Oleh Holovkin.

    В данном случае нужно правильно расставить приоритеты. Если нужны расширенные сниппеты в Яндексе и Google, то используем старую добрую разметку schema.org; если мы ориентируемся на Запад и наша основная поисковая система только Google, то разметку JSON-LD нужно брать и внедрять без промедлений.

    Плюсы и минусы микроразметки JSON-LD

    • Формат несколько проще по сравнению с schema.org;
    • Рекомендуется Google;
    • Для движка WordPress есть качественные плагины для работы;
    • Благодаря JavaScript разметка «невидима» для рядового пользователя в отличие от HTML;
    • Скрипт помещается только в контейнер без внедрения дополнительных строчек кода в тело сайта;
    • Проходит валидацию в официальных инструментах проверки Яндекса и Google.
    • Микроразметка основана на JavaScript и не во всех поисковых системах отображается в поисковой выдаче (в том числе и Яндексе);
    • Помимо знаний HTML нужны также знания JavaScript;

    Инструменты для работы с микроразметкой JSON-LD

    Набор инструментов для работы с микроразметкой JSON-LD:

    • Инструмент для проверки структурированных данных от Google;
    • Проверка семантической разметки от Яндекса;
    • Плагин для WordPress, который поддерживает все типы микроразметки;
    • Еще один плагин для WordPress, который может указать автора статьи и издательство, подойдет для периодичных изданий и блогов;
    • Модуль JSON-LD для движка Drupal;
    • Документация по JSON-LD для платформы GIT;
    • Официальная документация JSON+LD от W3C;
    • Notepad++ — или любой другой текстовый редактор. #Google

    Какой из них предпочитает Google, Microdata или JSON-LD?

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

    Но в другой статье в разделе Что такое раздел microdata и JSON-LD markup? , говорят, что предпочитают микроданные для контента :

    Микроданные и JSON-LD — это два разных способа разметки ваших данных используя словарь schema.org. Лучше всего выбрать микроданные или JSON-LD, и избегать использования обоих типов на одной странице или электронной почте. Google предпочитает микроданные для веб-контента .

    Итак, что случилось?

    2 ответа

    Документ, рекомендующий JSON-LD, более поздний, и в нем четко указано, что Google рекомендует использовать JSON-LD, где это возможно (по сравнению с Microdata) специально для следующие причины :

    «Разметку не нужно чередоваться с видимым пользователем текстом, что облегчает отображение вложенных элементов данных, например, страну почтового адресата MusicVenue события.»

    «Google может читать данные JSON-LD, когда он динамически вводится в содержимое страницы, например, кодом JavaScript или встроенными виджетами в вашей системе управления контентом».

    статья разработчиков Google является более поздним. Тогда я бы выбрал эту информацию как предпочтительную.

    Как расширить представление сайта в выдаче с помощью Google Tag Manager

    Ранее мы писали про « Работа с Google Tag Manager v2 — что нового? » и о пользе регулярных выражений в GTM. Подробнее читайте в нашем посте — « Как новичку разобраться в регулярных выражениях ».

    На новый пост о фишках Диспетчера тегов Google нас вдохновила статья Симо Агавы из Netbooster.

    У Google есть разные способы сделать результаты поисковой выдачи (SERP) живее. Когда вы вводите поисковый запрос, цель поисковой системы — предоставить вам наиболее релевантную информацию. Часто это значит, что вы увидите ответ на свой запрос непосредственно в SERP: Как вы наверняка знаете, существует множество способов разметить данные на сайте так, чтобы Google использовал их, если он пожелает. Нет никакой гарантии, что структурированные данные будут подхвачены поисковой системой, но это не должно удерживать вас от разметки содержимого. Теперь к делу. Google недавно выпустил инструмент для тестирования структурированных данных, который понимает разметку JSON-LD.

    JSON-LD — ответвление формата данных JavaScript Object Notation (JSON), его особенность в том, что вы можете указать связанные узлы данных между различными объектами.

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

    • всех функций Knowledge Graph;
    • Rich Snippets для событий;
    • формы поиска по сайту (Sitelink search box).

    Отличная информация об этой новой функции в цитате со страницы технической поддержки:

    JSON-LD позволяет вам встроить блок данных JSON внутри скрипта в любом месте HTML. Также Google может читать данные JSON-LD даже когда они динамически добавляются в содержимое страницы, например, с помощью Javascript кода или встроенных «виджетов».

    Прочитайте последний абзац еще раз. Разве это не звучит, как «пользовательский HTML-тег в Google Tag Manager»? Именно так и есть.

    Разметка структурированных данных с помощью Google Tag Manager

    Вы можете динамически добавлять данные JSON-LD на страницах, используя Google Tag Manager. Единственное условие в том, что код должен быть запущен во время первой загрузки страницы. Это означает, что вы не можете динамически расширять структурированные данные на сайте после того, как окно загрузится, то есть после того, как событие gtm.load записано в dataLayer. Пока теги структурированных данных выполняются по триггеру «Все страницы», все должно быть в порядке.

    Размечайте социальные профили для Knowledge Graph

    Если сайт включен в Граф знаний, вы сможете добавить ссылки на социальные профили прямо в SERP, как сделала компания Marimekko, например: Для этого вы должны добавить в пользовательском HTML-теге следующее (примеры сайтов взяты из текста Симо Агавы):

    Код выше дополнит блок Knowledge Graph для сайта Симо Агавы (если его сайт будет добавлен в Граф знаний) ссылками на его профили в социальных сетях непосредственно в поисковой выдаче.

    Активируйте блок поиска по сайту

    Это одно из самых крутых дополнений для SERP. На некоторых сайтах вы можете увидеть окно поиска прямо в выдаче (в sitelinks — быстрых ссылках). Эта поисковая форма связана с внутренней системой поиска на сайте, что позволяет делать поиск непосредственно по содержанию сайта. Чтобы этот блок появился, код в пользовательском HTML-теге должен выглядеть так:

    Здесь предоставлен URL и необходимый параметр поискового запроса, которым оперирует система внутреннего поиска на сайте автора. Теперь, если кто-то введет поисковый запрос в быстрых ссылках в SERP, он будет перенаправлен на страницу результатов поиска по сайту по указанному запросу.

    На заметку

    Запомните, что вы можете комбинировать разные типы структурированных данных в одном пользовательском HTML-теге и лучше делать именно так, чтобы уменьшить количество тегов в контейнере. Два примера, приведенных выше, будут скомбинированы в одном теге так:

    Тут были включены два JSON объекта, которые вставлены в один массив данных (обратите внимание на квадратные скобки, что оборачивают два объекта), разделенные запятыми. После того как вы создали свой тег и опубликовали контейнер, не забудьте проверить сайт в инструменте для тестирования структурированных данных:

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

    Это означает, что вы создаете действительно гибкую вставку структурированных данных за счет использования собственных функциональных возможностей кода GTM. Поисковые роботы Google довольно давно ждали реализации этой возможности 🙂 Также это дает возможность вводить аннотации о контенте с JavaScript, вместо того, чтобы применять их непосредственно в шаблоне страницы с помощью CMS. Замечательно и то, что вы можете вводить объект в любом месте страницы, а не только в head. Возникли вопросы? Ответим на все в комментариях.

    Google предпочитает разметку JSON-LD

    Поиск

    Категории блога

    Google предпочитает разметку JSON-LD

    Такой информацией поделился представитель поиска Джон Мюллер во время своей последней видеовстречи для вебмастеров.

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

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

    Напомним, что Google начал поддерживать разметку JSON-LD в январе прошлого года. В феврале 2020 года была расширена поддержка синтаксиса JSON-LD для новых типов структурированных данных. Теперь его можно использовать для получения расширенных сниппетов отзывов и товаров. А в августе 2020 года поисковик начал поддерживать «хлебные крошки» в формате JSON-LD.

    JSON-LD и Schema.org: выбираем лучшее для разметки вашего сайта

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

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

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

    С постепенным развитием микроразметки начали появляться новые понятия, такие как словари и синтаксис. Более подробно об этих терминах можно узнать в данной статье. Грубо говоря, словарь – это язык микроразметки, набор определенных свойств, а синтаксис – это способ применения данного языка. Формат Schema.org относится к классу словарей, тогда как JSON-LD является синтаксисом.

    Микроразметка Schema.org

    Если говорить совсем уж корректно, то Schema.org – это сайт, на котором публикуются различные схемы тегов, используемых веб-мастерами для разметки актуальной информации. Этот словарь изначально применяется с синтаксисом Microdata. Такой способ разметки был разработан в 2011 году и признан крупнейшими поисковыми системами мира.

    Существует более 100 видов схем. С помощью данного формата можно сделать разметку:

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

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

    Сразу после установки проверяем нашу разметку в валидаторе разметки Яндекса:

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

    Микроразметка JSON-LD

    JSON-LD (англ. Linked Data) – способ передачи связанных данных с помощью текстового формата JSON. Компания Google рекомендует использовать именно его.

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

    Пример разметки с помощью синтаксиса JSON-LD:

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

    Проверить созданную разметку можно в валидаторе Google:

    Однако у JSON-LD есть существенный минус. Текст из данной разметки не будет виден пользователю, что противоречит рекомендации поисковиков – не использовать скрытый контент. Стоит отметить, что этот формат в 2013 году был рекомендован Schema.org для разметки страниц, а в середине 2014 всемирно известный поисковик Google посоветовал использовать JSON-LD.

    Заключение

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

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

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

    Микроразметка JSON-LD для статей: описание и примеры внедрения

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

    Формат JSON-LD расшифровывается «JavaScript Object Notation Linked Data» (сокращенно: JSON Linked Data или JSON-LD). Исходя из названия, разметка JSON-LD представляет собой текстовый формат обмена данными, основанный на языке JavaScript. Сам по себе формат JSON является структурой формата «ключ:значение» с поддержкой вложенности данных, что позволяет отображать любую структурированную информацию в понятном и читабельном виде (описание формата JSON-LD на W3C).

    Согласитесь, что по сравнению с разметкой Shema.org, микроразметка JSON-LD выглядит намного приятнее за счет того, что она не разброшена по всему контенту и не привязана к HTML-коду (из-за чего, например, при смене верстки, разметка Shema.org может «слетать» и требовать привлечения программистов для ее восстановления на сайте). Размещается разметка JSON-LD единым блоком в любом месте секции BODY, что опять же можно отнести к ее плюсам.

    Формат разметки JSON-LD

    Для размещения микроразметки сначала нужно указать ее тип «». Пример:

    Шаблон разметки статьи с помощью JSON-LD

    Пример внедрения разметки JSON-LD и ее отображение в Google

    Генерировать микроразметку можно на языке PHP, создав ее шаблон из примера выше, и затем подставлять переменные в необходимые поля. Для своего блога я решил генерировать разметку на том же PHP, используя JSON-формат. Написал простую функцию, которая генерирует все необходимые данные:

    Пример PHP-кода, как отобразить итоговый JSON без экранирования и с переносами строк в нужных местах:

    • echo json_encode($struct_data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);

    Пример отображения разметки в выдаче Google показан на скриншоте ниже:

    JSON-LD или Schema.org?

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

    Таким образом, если нужны расширенные сниппеты в Яндексе и Google, то используем разметку Schema.org.
    Если наша основная поисковая система Google, то логичнее будет внедрить разметку JSON-LD.

    Инструменты для работы с микроразметкой JSON-LD:

    Топ-пост этого месяца:  Минус-слова в Яндекс.Директ - как подобрать и добавить списком
    Добавить комментарий