Как Google реагирует на использование нескольких типов микроразметки

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

Эффективное использование name и url в микроразметке :: Хранитель заметок

Эффективное использование name и url в микроразметке

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

Свойство name

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

Для английского языка вычленить в тексте подходящее название объекта не составляет труда. В русском тексте приходится сталкиваться с тем, что слова употребляются в различных падежах. Слова, подвергшиеся склонению, лучше не использовать в качестве значения поля name . Дело в том, что в дальнейшем они будут использоваться только в единственном числе и именительном падеже, и будут выглядеть более чем странно. Несмотря на то, что сегодня уже существуют технологии, преобразующие разные формы слова к основной форме, но на практике они пока почти не применяются.

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

Эта разметка будет разобрана на два объекта:

Свойство url

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

url активно используется для генерации сниппетов Гугла. Поэтому даже при правильной разметке нужный сниппет не будет отображаться в выдаче только из-за отсутствия или не корректном значении этого свойства.

Распространённой ошибкой при указании значения url является банальная подстановка текущего URL страницы, на которой располагается объект. Это допустимо только, если на этой странице размещена только одна сущность. Когда сущностей несколько (например, список событий) или, что хуже, появляются сущности разного типа, то указать один и тот же URL для них нельзя.

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

The fragment is an optional part separated from the front parts by a hash («#»). It holds additional identifying information that provides direction to a secondary resource, e.g., a section heading (in an article) identified by the remainder of the URI. When the primary resource is an HTML document, the fragment is often an id attribute of a specific element and web browsers will make sure this element is visible.

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

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

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

Руководство по структурированным данным Google

Микроразметка. Способы создания и ее схемы

Само понятие Микроразметка появилось 2011-м году вследствие договора между крупнейшими интернет-корпорациями мира. Такие гиганты, как Google, Yandex, Microsoft и Yahoo, решили создать единый стандарт для семантической разметки. После этого появился словарь тегов Schema.org, который позволял создать страницу так, что любая поисковая система одинаково считывала информацию с любой страницы. Подобная унификация дала новый толчок развитию интернета и позволила владельцам быстрее совершенствовать собственные ресурсы.

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

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

Использование словаря Schema.org

Schema.org рекомендован к использованию корпорацией Гугл, что послужило его невероятной популярностью в использовании для семантической разметки. Также этот инструмент очень функциональный и удобный, поэтому неудивительно, что им чаще всего пользуются. Сервис используется для микроразметки в формате HTML5, в котором существует возможность указать любые сущности, свойства или атрибуты информации.

Существует несколько основных атрибутов, которые чаще всего используются в семантической оптимизации ресурса:

  • С помощью itemscope можно разбить всю информацию на страницы для более удобного отображения.
  • Itemtype используется вместе с первым атрибутом и анализирует заданный тип сущности, используя при этом иерархию типов Schema.
  • Itemtrop отображает более детальную информацию о сущности. Если это фильм, то это название, режиссер, год выпуска, актеры и т.д.

Общая информация о словаре Schema и микроразметка

  • Словарь имеет в наличии множество готовых шаблонов с заданными свойствами.
  • Существует очень много разнообразных свойств, но основных всего четыре: URL, image, description и name. Все другие свойства получают свои характеристики именно из этих четырех.
  • При вводе любой схемы нужно быть предельно осторожным и внимательно следить за родительскими и дочерними типами. В ином случае микроразметка может неправильно отобразиться.
  • В большинстве случаев для каждой отдельной страницы нужно создавать свою схему. Обязательно проверяйте каждую ссылку, которые должны быть помечены как URL.

Влияние микроразметки на продвижение ресурса. Выдача запроса в поисковой системе. Сниппеты

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

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

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

Сниппеты для Гугл

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

Код сниппета для Гугл

Отображение сниппета для Гугл

Сниппеты для Yandex

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

Отображение сниппета для Yandex

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

Микроразметка и ее полезные схемы

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

Offer Schema

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

WebPage Schema

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

AggregateRating Schema

Микроразметка такой схемы отображает рейтинг ресурса, установленный пользователями страницы (покупателями товара).

Product Schema

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

Review Schema

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

SearchAction Schema

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

MobileApplication Schema

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

Микроразметка. Валидация и проверка

За разметкой на базе словаря Schema нужно постоянно следить для обнаружения проблем и ошибок. Чтобы проверить микроразметку, необходима ее валидация. Существует несколько разных инструментов для валидации:

  • Валидатор микроразметки
  • Structured Data Linker
  • Structured Data Testing Tool

Итоги

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

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

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

Что такое микроразметка?

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

Сайты с микроразметкой выделяются в результатах поиска – бесплатная отстройка от конкурентов в выдаче

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

  • Пользователь вбивает запрос в поисковую строку;
  • Видит ссылки на десяток сайтов;
  • Большинство объявлений не оформлено;
  • У вас – четко выделенные часы работы, номер телефона, стоимость товара или что-то еще полезное.
  • Объявление в поиске заметнее, переход на ваш сайт вероятнее.
Топ-пост этого месяца:  Интеграция Электронной коммерции Яндекс.Метрика в Woocommerce

Влияние на продвижение

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

Например – интернет-магазин с помощью микроразметки сообщает цену на товар. Если стоимость подходит, пользователь перейдет на сайт. Если слишком дорого –пользователь не станет кликать.

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

Крупные интернет-магазины используют микроразметку – выделяют рейтинг товара или указывают стоимость

Типы микроразметки

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

Вы пишите код сайта тегами. Например, простой блок выглядит так:

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

Синтаксис микроразметки — это как раз список атрибутов, которые нужно добавлять в теги.

Самый популярный синтаксис – schema.org. Такую микроразметку рекомендует использовать «Яндекс».

Микроразметка JSON-LD аналог sсhema.org. Данный формат отличается тем, что не нужно вписывать HTML-код в тело страницы, достаточно весь код разместить в контейнер .

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

У Google есть специальный инструмент , который помогает составить код JSON-LD.

Микроразметка open graph – разработана специально для Facebook, но работает и для ВКонтакте. Вы указываете специальные атрибуты, чтобы при репосте отображалась не скучная ссылка, а красивая картинка, заголовок статьи, телефон компании, геолокация и другие плюшки, которые украсят пост. Как на примере:

С помощью микроразметки можно выбрать, что будет отображаться в посте.

Микроформаты – устаревший вид микроразметки. Нужно прописывать логические и смысловые атрибуты class в тегах. Такой вид разметки встречается в старых шаблонах для WordPress и других системах управления сайтом.

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

Микроразметка Schema.org для разных типов страниц

«Яндекс» и Google используют не все атрибуты схемы Schema.org, но список постоянно пополняется. Вы можете размечать сайт новыми атрибутами, даже если они еще не работают – когда список поддерживаемых обновится, ваш сайт уже будет готов и все автоматически заработает.

Основные виды разметки

Для микроразметки SEO рекомендуем использовать несколько видов атрибутов.

«Хлебные крошки»— это путь от корня сайта к странице.

Микроразметка «хлебные крошки» сообщит, на какой странице представлена детская обувь, а на какой – мужская

Строка поиска. В Google можно добавить строку поиска для сайта – пользователю не нужно делать лишний клик, а сразу начнет поиск нужного товара в вашем интернет-магазине.

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

Социальные сети. С помощью микроразметки можно добавить иконки социальных сетей.Один клик по иконке и пользователь перейдет в ваш паблик.

Оформленные статьи. В Google можно добавить разметку специально для статей. Указываете название, изображение и дату публикации – пользователь сразу видит, когда опубликован контент и понимает, что ждет его на сайте. В итоге снижается показатель отказов – важно для SEO.

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

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

Как использовать разметку. Примеры кода

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

  • Решите, какую информацию нужно добавить с помощью микроразметки;
  • Найдите страницу или шаблон, в котором находится HTML-код, содержащий нужные данные;
  • Добавьте в теги нужные атрибуты из списка schema.

Микроразметка организации

Для отображении адреса и контактов организации можно использовать два варианта кода.

Без графика работы:

С графиком работы:

Микроразметка изображений

Трафик можно получать из поиска по картинкам, поэтому все изображения на сайте стоит разметить.Пример:

Микроразметка рейтинга

Чтобы получить красивые звездочки с указанием рейтинга организации, участвуйте в партнерской программе «Яндекса». Размечайте страницу по правилам Review.

Микроразметка карточки товара и цена

Микроразметка товара полезна для интернет-магазинов. Воспользуйтесь примером:

Микроразметка навигации – хлебные крошки

«Яндекс» сам распознает «хлебные крошки», поэтому используйте шаблон ниже для Google:

Цветом отмечено что нужно добавить в шаблон вашего меню

Цветом отмечено что нужно добавить в шаблон хлебных крошек

Микроразметка FAQ

Блок вопросов и ответов поможет отработать возражения потенциального покупателя. Добавьте микроразметку этого блока:

Как проверить микроразметку

Воспользуйтесь специальными сервисами проверки корректности микроразметки – валидаторами:

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

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

Семантическая микроразметка Schema.org: новая эра оптимизации(SEO) сайта под Яндекс и Google

Верите или нет, но это утверждение верно! Микроформаты и микроразметка – это одна из самых основных тенденций продвигаемых поисковыми системами в этом году.

В Гугл, Яндекс и других поисковиках(Bing, Yahoo), микроразметка Schema.org используется все активнее. Давайте рассмотрим ее преимущества плане SEO или другой оптимизации — а также научимся применять ее к собственному сайту.

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

Данная статья, является своего рода дополнением, мы рассмотрим следующие вопросы:

Итак, давайте приступим!

Что может микроразметка?

Schema.org – это просто разметка, которая помогает основным поисковым системам (ПС) быть немного умнее, предоставляя им данные в структурированной форме. Это примерно как накормить 5-летнего ребенка овощным рагу, а после спросить, какие в блюде использовались овощи. �� То есть, это сложная задача. Но если вы для ребенка разделите каждый овощ, объясните чем он полезен, и начнете давать ему их по-отдельности, то ребенок без труда сможет их распознавать.

Поисковые системы тоже хотят «питаться» структурированной пищей(контентом), где можно без труда распознать все ингредиенты. Schema реализует это за счет распределения элементов по категориям. Давайте для примера возьмем свойство «нечто»:

Кликните, чтобы увеличить.

  • additionalType; тип — URL;

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

Это взаимосвязь между чем-то и классом, которому принадлежит Нечто. В синтаксисе RDFa, лучше использовать нативный RDFa синтаксис – атрибут ‘typeof’ – для множества типов. Инструменты Schema.org могут иметь лишь слабое понимание дополнительных типов, особенно тех, что взяты из внешних источников.

  • description; тип — Текст; Краткое описание элемента.
  • image;тип — URL; Изображения элемента.
  • name; тип — Текст; Название элемента.
  • sameAs;тип — URL; Источник информации, например страница новостного бюро.
  • url;собственно адрес страницы.

Данный тип элемента имеет такие свойства как additionalType, description, image, name, sameAs и URL. Эти свойства используются для дальнейшего описания элемента для поисковиков. Они также сообщают ПС, где нужно искать максимально релевантную информацию об этом элементе, ссылаясь на страницу, которая содержит конкретную информацию.

Давайте в пример возьмем свойство image – это URL, который ведет на исходное изображение элемента. Обычный HTML-код для данного изображения выглядит следющим образом:

Что такое семантическая микроразметка

Теперь обозначим этот участок контента микроразметкой:

Что такое семантическая микроразметка

В чем же разница?

Обычный HTML-код сообщает поисковой системе, что это просто изображение, и что оно отображает нечто связанное со скоростью загрузки сайтов, и имеет название kartinka-123.jpg.

В то время как Schema-код сообщает поисковой системе, что это сегмент об изображении, а заголовком изображения является «Что такое микроразметка», и что прямой URL до файла изображения kartinka-123.jpg.

Видите разницу? Разница в том, что в первом случае ПС нужно полагаться на собственный семантический интеллект, в то время как во втором случае ей сообщаются все подробности, связанные с тем, ЧТО, ГДЕ и КАК. ПС не очень-то стремятся делать какие-то выводы, основываясь на собственных догадках и семантическом интеллекте. Вместо этого, они собирают точные файлы, и отображают их конечному пользователю.

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

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

Как это повлияет на SEO?

Впоследствии, ПС на странице результата поиска смогут предоставлять пользователям более качественные, структурированные данные. Обычно они приводятся в формате расширенных сниппетов. Давайте взглянем на пример Schema в действии:

Для интернет-магазинов:

Адреса организаций и регионы:

Как выглядела бы такая разметка в исходном коде:

Мероприятия (Гугл)

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

Рецепты(Яндекс)

Фильмы:

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

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

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

Могу ли я внедрить микроразметку на свой сайт?

Существует несколько способов реализации. Сложный подразумевает изучение документации Schema и написание кода вручную в вашем HTML-коде.

Предлагаю вам несколько ресурсов, которые помогут вам начать:

Здесь вы можете изучить разметку Schema и научиться применять ее в коде вашего сайта. Есть еще способ, заключается в использовании вспомогательного инструмента от Google — Structured Data Markup Helper.

В режиме онлайн вы отмечаете участки контента и присваиваете им значения разметки, после чего Гугл покажет, что вы должны внедрить в код шаблона, чтобы внедрить микроразметку. Все не так сложно, если вы знакомы с вашим HTML-кодом. Вам нужно будет просто выделить структурированный тип данных, ввести URL и начать проставлять тэги. Нажмите на кнопку «Create HTML» в правом верхнем углу, и прокрутите к области с желтыми отметинами.

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

После того, как вы введете код, перепроверьте, корректно ли поисковик считывает ваши структурированные данные. Сделать это можно при помощи специального инструмента Structured Data Testing Tool, или же Валидатор Яндекса:

Самый простой способ применить микроразметку schema.org на собственном сайте, это воспользоваться плагинами. Так как большинство из нас используют WordPress, предлагаем вам отличный инструмент, который позволит вам избежать всяческой работы с кодом:

После установки данного плагина, в панели редактора появиться новая кнопка:

С помощью неё, вы можете вызвать форму генерации разметки, сначала выберите тип разметки, например «Review» (Обзор), затем заполняете поля и получайте готовый код.

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

Топ-пост этого месяца:  Как создать интернет портал самому или в команде

Аналогичный плагин, тоже справляется со своими задачами.

Напоследок, мнение западного эксперта — Мэтт Каттс:

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

Google подтвердил, что микроразметка является фактором ранжирования

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

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

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

Инструменты проверки микроразметки на сайте

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

Что такое микроразметка и как ее проверить?

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

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

Проверка микроразметки в Google

Валидатор микроразметки Гугл понимает следующие форматы:

С его помощью страницу можно проверить двумя способами:

  • скопировать в формате HTML;
  • указать ссылку на страницу.

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

После копирования HTML кода или URL адреса следует нажать кнопку «Запустить тест». После этого на экране появится результат проверки. Слева будет HTML код, а справа микроразметка и ошибки, если они будут найдены. Все просто.

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

Проверка микроразметки в Yandex

Валидатор Яндекса находится по следующему адресу – https://webmaster.yandex.ru/tools/microtest/

Yandex поддерживает микроразметку следующих форматов:

В Яндексе все устроено так же, как и у Гугла. Те же два варианта проверки. Результат выдается несколько в ином виде. Ошибки показываются прямо рядом с текстом кода. Валидатор может обнаружить следующие ошибки:

  • Страница не может быть загружена – дана неправильная ссылка;
  • Микроразметка не обнаружена – разметки нет или есть ошибка в корневых элементах;
  • Поле отсутствует или пусто – не найдено обязательное поле;
  • Невозможно определить принадлежность полей – поля неправильно размещены или имеется лишний атрибут;
  • В свойстве content тега meta не может содержаться ссылка – для использования ссылки следует применять тег link, а не meta;
  • Не выполнено обязательное условие для продуктовых сниппетов.

Кроме ошибок, можно получить предупреждения:

  • Некорректное значение поля – несоответствие значения стандарту, например, неправильный формат даты;
  • Неправильный тип данных – тип не соответствует стандарту;
  • Не указана дополнительная разметка, используемая в связке с основной – в этом случае Яндекс не сможет корректно использовать передаваемые данные.

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

Проверка микроразметки другими сервисами

Если Google и Яндекс позволяют провести проверку без всякой регистрации, то Bing требует зарегистрироваться

Существуют и другие валидаторы: Validator.nu, Structured Data Linter.

Анализ разметки Open Graph удобно провести с помощью отладчика Facebook

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

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

Как Google реагирует на использование нескольких типов микроразметки

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

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

Микроразметка в Google

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

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

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

Структура

Хлебные крошки

Эта схема поможет понять, где находится страница в иерархии сайта. Пользователь понимает, в какую категорию он сможет перейти далее, если зайдет на данную страницу. Google же легче категоризирует контент. Например:

Строка поиска

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

Пример интегрированной поисковой строки:

Название сайта

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

Авторитетность

Контакты

Добавляет контактные данные компании при поиске по названию. Контакты отображаются в “умной” панели Google справа (как показано на примере ниже):

Логотип

Аналогичным образом в Knowledge Graph можно добавить и логотип компании. Отображаться он будет справа:

Иконки социальных сетей

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

  • Facebook
  • Twitter
  • Google+
  • Instagram
  • YouTube
  • LinkedIn
  • Pinterest
  • SoundCloud
  • Tumblr
  • MySpace

Выглядит это следующим образом:

Контент

Статьи

Полезная схема (особенно в связке с AMP ). Позволяет добавить к статье заголовок, изображение, описание и дату публикации. Согласитесь, что такая страница (с добавленной в блок картинкой):

заметна в поиске гораздо лучше, чем такая:

Программы обучения и курсы

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

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

Музыка

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

Рецепты

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

Отзывы и рейтинги

Google поддерживает отзывы и рейтинги для компаний, товаров, сервисов, музыки, фильмов и прочего контента. Есть два типа отзывов:

  • Отзывы, которые оставляют обычные пользователи;
  • Отзывы, которые оставляют критики.

С последними можно ознакомиться в Knowledge Graph. Там же указаны рейтинги, выставленные пользователями на ведущих сайтах в нише. Например, вот как выглядит карточка для первой части фильма Kill Bill:

Кино, передачи и сериалы

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

С помощью этой схемы можно создавать списки для сериалов и телепередач. Например, вот как выглядит список эпизодов для сериала Friends (после перехода из Knowledge Graph):

Видео

Используется для разметки видео с YouTube и прочих видео сервисов. К видео можно добавить описание, ссылку, дату загрузки и продолжительность. Google использует размеченные видео для отображения в карусели, а также выводит их в ТОП для AMP.

К примеру, карусель для сатирического шоу Last Week Tonight with John Oliver после перехода из карточки Knowledge Graph выглядит так (подтянулся релевантный контент):

Продажи

Местные компании

Необходимо использовать компаниям, которые хотят быть в ТОПе в определенном регионе. Помогает при поиске по Google Картам; добавляет в карусель при поиске аналогичных компаний из карточки Knowledge Graph. Карточка содержит:

  • Название
  • Краткое описание
  • Ссылку
  • Рейтинг
  • Отзывы
  • Адрес
  • Дни и часы работы
  • Действия (например: забронировать столик, заказать еду на дом)
  • Меню (для ресторанов и кафе)
  • Названия отдельных подразделений и департаментов.

Например, карточка компании может быть такой:

Мероприятия

Чтобы мероприятие лучше отображалось в выдаче, его можно разметить с помощью этой схемы. Это может быть концерт, конференция, выступление и т.п. Разметка помогает Google находить страницу мероприятия по релевантным запросам. Например, вот так подтягиваются ближайшие выступления David Guetta:

Товары

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

Как правило, товар выглядит вот так (название, ссылка, рейтинг, количество отзывов и краткое описание):

Наука

Научные и прочие базы данных

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

Микроразметка / микроформаты в Bing

Bing поддерживает микроформаты с 2011 года. Пока их всего шесть:

  1. hCard
  2. hReview
  3. hReview aggregate
  4. hProduct
  5. hCalendar
  6. hRecipe

hCard

Незаменима, если надо выдать в поиске “красивый” результат для страниц компаний, мест, знаменитостей и мероприятий (конференции, концерты и т.п.). Соответственно, “карточка” может содержать такую информацию:

  1. ФИО или название
  2. Адрес
  3. Телефон
  4. Электронная почта
  5. Почтовый индекс
  6. Заголовок
  7. Ссылка
  8. Должность
  9. Прозвище
  10. Префиксы (Mr., Ms. и т.п.)

Например, вот так выглядит страница Madison Square Garden в Нью-Йорке (размечены “глубокие” ссылки):

hReview / hReview aggregate

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

hProduct

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

hCalendar

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

hRecipe

Используется для разметки рецептов. Пример:

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

Микроразметка в Яндекс

Российский поисковик Яндекс поддерживает 11 схем микроразметки Schema.org. Среди них:

  • Адреса и организации
  • Видео
  • Вопросы и ответы
  • Другие творческие работы
  • Отзывы об организациях
  • Программы
  • Рефераты
  • Рецепты
  • Товары и цены
  • Картинки
  • Фильмы

В принципе, об информационном “наполнении” каждой схемы можно догадаться. Отдельно отметим, что Яндекс поддерживает и микроформаты:

Проверить валидность разметки в Яндекс, можно по ссылке .

Адреса и организации

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

Видео

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

Размеченные видео выводятся в карусель при поиске. Например:

Вопросы и ответы

Подтягивает лучший ответ из представленных. Удобно для быстрого поиска.

Топ-пост этого месяца:  Как работают в css классы и идентификаторы

Другие творческие работы

Разметка выводит красивый сниппет прямо на страницу результатов поиска. Можно разметить страницу для:

  • Статьи (научной, развлекательной)
  • Поста в блоге
  • Картины
  • Книги
  • Музыкальных файлов
  • Видео файлов
  • Диеты
  • Фитнес программы
  • И много другого

Отзывы об организациях

Показывает отзывы об организации на Яндекс.Картах. При переходе попадаем на стандартную страницу организации в Яндексе:

Программы

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

Рефераты

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

В сниппете показывается тип работы, название, автор, жанр и краткое описание. Например:

Рецепты

Здесь все точно так же, как и в схеме Recipe. Отметим только, что, кроме стандартных полей из Schema.org, Яндекс рекомендует дополнительно включать поля: totalWeight, recipeSubCategory, resultPhoto. Например, рецепт может показываться так:

Товары и цены

Выводит данные о товарах и ценах прямо со страниц продающих сайтов и интернет-магазинов. Чтобы сниппет выводился правильно, используйте для микроразметки схемы: Product, Offer, AggregateOffer. Пример правильно размеченного товара:

Картинки

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

Фильмы

Позволяет вывести данные и фильмах в красивый сниппет. Вот так, например, в поиске выводится страница Кинопоиска для фильма “Операция Ы и другие приключения Шурика”:

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

Заключение

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

Подробную информацию о применении схем микроразметки вы можете найти по ссылкам:

Google представил новые типы микроразметки

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

«How-to» – с помощью этого типа расширенных результатов можно будет представить пошаговую инструкцию действий для достижения нужной цели.

«FAQ» – благодаря этим структурированным данным можно будет разметить страницу с ответами на часто задаваемые вопросы по той или иной теме.

Отчеты по новым типам микроразметки уже доступны в Google Search Console:

Семантическая микроразметка Schema.org: новая эра оптимизации(SEO) сайта под Яндекс и Google

Верите или нет, но это утверждение верно! Микроформаты и микроразметка – это одна из самых основных тенденций продвигаемых поисковыми системами в этом году.

В Гугл, Яндекс и других поисковиках(Bing, Yahoo), микроразметка Schema.org используется все активнее. Давайте рассмотрим ее преимущества плане SEO или другой оптимизации — а также научимся применять ее к собственному сайту.

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

Данная статья, является своего рода дополнением, мы рассмотрим следующие вопросы:

Итак, давайте приступим!

Что может микроразметка?

Schema.org – это просто разметка, которая помогает основным поисковым системам (ПС) быть немного умнее, предоставляя им данные в структурированной форме. Это примерно как накормить 5-летнего ребенка овощным рагу, а после спросить, какие в блюде использовались овощи. �� То есть, это сложная задача. Но если вы для ребенка разделите каждый овощ, объясните чем он полезен, и начнете давать ему их по-отдельности, то ребенок без труда сможет их распознавать.

Поисковые системы тоже хотят «питаться» структурированной пищей(контентом), где можно без труда распознать все ингредиенты. Schema реализует это за счет распределения элементов по категориям. Давайте для примера возьмем свойство «нечто»:

Кликните, чтобы увеличить.

  • additionalType; тип — URL;

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

Это взаимосвязь между чем-то и классом, которому принадлежит Нечто. В синтаксисе RDFa, лучше использовать нативный RDFa синтаксис – атрибут ‘typeof’ – для множества типов. Инструменты Schema.org могут иметь лишь слабое понимание дополнительных типов, особенно тех, что взяты из внешних источников.

  • description; тип — Текст; Краткое описание элемента.
  • image;тип — URL; Изображения элемента.
  • name; тип — Текст; Название элемента.
  • sameAs;тип — URL; Источник информации, например страница новостного бюро.
  • url;собственно адрес страницы.

Данный тип элемента имеет такие свойства как additionalType, description, image, name, sameAs и URL. Эти свойства используются для дальнейшего описания элемента для поисковиков. Они также сообщают ПС, где нужно искать максимально релевантную информацию об этом элементе, ссылаясь на страницу, которая содержит конкретную информацию.

Давайте в пример возьмем свойство image – это URL, который ведет на исходное изображение элемента. Обычный HTML-код для данного изображения выглядит следющим образом:

Что такое семантическая микроразметка

Теперь обозначим этот участок контента микроразметкой:

Что такое семантическая микроразметка

В чем же разница?

Обычный HTML-код сообщает поисковой системе, что это просто изображение, и что оно отображает нечто связанное со скоростью загрузки сайтов, и имеет название kartinka-123.jpg.

В то время как Schema-код сообщает поисковой системе, что это сегмент об изображении, а заголовком изображения является «Что такое микроразметка», и что прямой URL до файла изображения kartinka-123.jpg.

Видите разницу? Разница в том, что в первом случае ПС нужно полагаться на собственный семантический интеллект, в то время как во втором случае ей сообщаются все подробности, связанные с тем, ЧТО, ГДЕ и КАК. ПС не очень-то стремятся делать какие-то выводы, основываясь на собственных догадках и семантическом интеллекте. Вместо этого, они собирают точные файлы, и отображают их конечному пользователю.

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

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

Как это повлияет на SEO?

Впоследствии, ПС на странице результата поиска смогут предоставлять пользователям более качественные, структурированные данные. Обычно они приводятся в формате расширенных сниппетов. Давайте взглянем на пример Schema в действии:

Для интернет-магазинов:

Адреса организаций и регионы:

Как выглядела бы такая разметка в исходном коде:

Мероприятия (Гугл)

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

Рецепты(Яндекс)

Фильмы:

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

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

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

Могу ли я внедрить микроразметку на свой сайт?

Существует несколько способов реализации. Сложный подразумевает изучение документации Schema и написание кода вручную в вашем HTML-коде.

Предлагаю вам несколько ресурсов, которые помогут вам начать:

Здесь вы можете изучить разметку Schema и научиться применять ее в коде вашего сайта. Есть еще способ, заключается в использовании вспомогательного инструмента от Google — Structured Data Markup Helper.

В режиме онлайн вы отмечаете участки контента и присваиваете им значения разметки, после чего Гугл покажет, что вы должны внедрить в код шаблона, чтобы внедрить микроразметку. Все не так сложно, если вы знакомы с вашим HTML-кодом. Вам нужно будет просто выделить структурированный тип данных, ввести URL и начать проставлять тэги. Нажмите на кнопку «Create HTML» в правом верхнем углу, и прокрутите к области с желтыми отметинами.

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

После того, как вы введете код, перепроверьте, корректно ли поисковик считывает ваши структурированные данные. Сделать это можно при помощи специального инструмента Structured Data Testing Tool, или же Валидатор Яндекса:

Самый простой способ применить микроразметку schema.org на собственном сайте, это воспользоваться плагинами. Так как большинство из нас используют WordPress, предлагаем вам отличный инструмент, который позволит вам избежать всяческой работы с кодом:

После установки данного плагина, в панели редактора появиться новая кнопка:

С помощью неё, вы можете вызвать форму генерации разметки, сначала выберите тип разметки, например «Review» (Обзор), затем заполняете поля и получайте готовый код.

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

Аналогичный плагин, тоже справляется со своими задачами.

Напоследок, мнение западного эксперта — Мэтт Каттс:

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

Валидатор микроразметки Schema.org от Google

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

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

В данной статье мы рассмотрим не менее важный инструмент от популярной поисковой системы Google — инструмент проверки структурированных данных.

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

  1. микроданные;
  2. микроформаты;
  3. RDF.

Микроразметкой можно описать следующие типы контента, которые поддерживает Google:

  • отзывы;
  • люди;
  • товары;
  • компании и организации;
  • рецепты;
  • мероприятия;
  • музыка.

Способы проверки микроразметки валидатором от Google

По функционалу проверки микроразметки, поисковые системы Google и Яндекс схожи.

В валидаторе доступно две вкладки, соответственно два способа проверки микроразметки:

    по URL-у — способ удобен, если страница размещена в Интернете, необходимо просто скопировать адрес страницы и вставить в соответствующую строку

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

Сравнение результатов валидаторов от Google и Яндекса.

А теперь подходим к самому интересному, сравнив результаты работы валидаторов от Google и от Яндекса.

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

Напомним, что при проверке данного фрагмента HTML-кода валидатор Яндекса показал одну ошибку и одно предупреждение. Рассмотрим результат инструмента от Google:

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

Подведем итог

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

В отличие от поисковой системы Яндекс, Google не сообщает об интервале времени, в течение которого микроразметка сайта вступит в силу.

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

Добавить комментарий