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

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

Подписаться

В предыдущей статье - были разъяснены базовые понятия одной из популярных семантических . Этот стандарт семантической разметки поддерживают такие крупнейшие поисковые системы, как Bing, Google, Yahoo! и Яндекс. Как мы помним, помогает структурировано предоставить контент страницы для поискового робота и влияет на сниппет в поисковой выдачи.

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

Проверять ли микроразметку валидатором Яндекса?

Ответ на этот вопрос однозначно- Да! Почему?

  • Валидатор микроразметки Яндекс позволяет проверить код страницы на корректность распознавания метаданных микроразметки;
  • Также валидатор проверяет код на соответствие требованиям сервисов Яндекса.
    • О валидаторе микроразметки Yandex

    Валидатор поддерживает следующие виды семантической микроразметки и словари:

  • Schema.org;
  • микроданные HTML;

    • По микроразметке Schema.org Яндекс на данный момент поддерживаются следующие схемы:

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

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

    1. По URL-у документа: способ удобен, если ресурс находится в сети. Необходимо в представленное поле ввести адрес сайта.

    2. По фрагменту HTML - способ удобен, если ресурс не имеет адреса в сети (например: находится на локальном сервере вашего компьютера). Необходимо скопировать часть кода со страницы и вставить в соответствующее поле.

    Одной из самых острых и актуальных тем среди web-программистов и владельцев интернет ресурсов сегодня является seo-оптимизация. Для того чтобы сайт попал на первые страницы поисковых запросов "Яндекса" или Google, необходимо провести колоссальную работу над его созданием и продвижением.

    Для чего нужна семантическая разметка?

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

    В отличие от человека, не может распознать, о чем идет речь на сайте без определенных подсказок. Он анализирует контент, выявляет определенные закономерности, определяет ключевые слова, но, не имея человеческого интеллекта, не может понять смысл написанного. Чтобы упростить ему задачу, программистами придумана семантическая или микроразметка для "Яндекса" и Google. Так же, как гипертекст показывает машине, что и где нужно разместить, семантическая разметка объясняет, кому или чему посвящен ресурс. Благодаря этому пониманию сайт лучше ранжируется среди конкурентов и имеет больше шансов попасть на первые строчки поисковых запросов.

    Пример семантической разметки

    Особенно эффективно микроразметка "Яндекс" и Google влияет на продвижение коммерческих сайтов, предлагающих товары и услуги. Нагляднее всего ее объяснит следующий пример.

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

    Itemtype - BarberShop,

    Name - парикмахерская для собак.

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

    Создаваемая при помощи "Яндекс.Вебмастер" микроразметка позволяет прописывать множество параметров - места продаж, часы работы, контакты, краткое или услуги и многое другое.

    Где используется семантическая разметка?

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

    • Коммерческими сайтами для продвижения товаров и услуг.
    • Онлайн справочниками и энциклопедиями для формирования многоуровневых связей между статьями.
    • Социальными сетями для детализации профилей, событий и прочего контента.
    Единый стандарт Schrema.org

    Создание семантической разметки привело к тому, что потребовался единый стандарт для всех поисковых систем. Им стала микроразметка "Яндекс" и Google - schrema.org. Она упрощает процесс создания короткого описания (сниппета), которое мы видим при отображении страницы в результатах поиска. В эту информацию можно включить важные сведения о сайте, которые помогут пользователю определиться, переходить или не переходить ему на эту страницу.

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

    Стандарт Open Graph

    Помимо поисковых систем Google и "Яндекс", микроразметка товаров, услуг, мультимедийного и информационного контента требуется и социальным сетям. Для них Facebook придумал единый стандарт Open Graph. Эта разметка позволяет контролировать, как будет представлен сайт в новостной ленте социальной сети. Причем сегодня создавать красивые ссылки с его помощью можно не только в Facebook, но и в Google+, "ВКонтакте", Twitter. Для красивого отображения последнего, кстати, также используется Twitter Cards.

    Какую микроразметку выбрать?

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

    Словари микроразметки

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

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

    • alternateName - для псевдонима (алиаса) объекта;
    • description - для текстового описания объекта;
    • image - для изображения или ссылки на него.

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

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

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

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

    Что такое валидатор

    Любое продвижение в интернете требует тщательного и глубокого анализа эффективности. Проверить микроразметку "Яндекс" можно при помощи валидатора - программного обеспечения, распознающего метаданные на веб-страницах. Проверке корректности поддаются документы любых форматов - HTML, XHTML, RSS, XML, на любых языках.

    Проверка микроразметки "Яндекс" осуществляется любым валидатором, поддерживающим форматы Schema.org, микроданных HTML, Open Graph, RDF.

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

    Узнать, насколько вашего сайта в поиске Google можно несколькими способами. Для опытного пользователя, который свободно владеет скрытыми настройками вебмастеров "Гугл", подойдет доступный только по ссылке инструмент Rich Snippet Tool.

    Другой способ - установить плагин Seo by Yoast. Он удобен в использовании и будет доступен после установки в верхней панели вебмастера.

    Третий способ - на сайте Google Developers в панели инструментов выбрать “Другие ресурсы”, нажать на кнопку “Инструмент для проверки структурированных данных” и указать html страницу, которую хотите проверить. Когда робот просчитает заданный скрипт, вы получите детальный отчет с ошибками, если они есть, и пояснениями к ним.

    Как проверить микроразметку "Яндекс"

    С этой поисковой системой все несколько проще. Валидатор микроразметки "Яндекс" расположен в инструментах вебмастеров, во вкладке “Мои сайты”. Здесь нужно нажать кнопку “Проверить разметку” и ввести URL сайта, и валидатор начнет просчитывать ошибки. Через несколько минут вы получите один из трех вариантов ответа:

    • Микроразметка не обнаружена.
    • Есть ошибки.
    • Микроразметка полностью соответствует стандарту.

    В каких случаях появляется информация о некорректной разметке?

    "Яндекс.Вебмастер" - валидатор микроразметки - выводит сообщение об ошибке в двух ситуациях:

    • Когда он не распознает разметку.
    • Когда микроразметка не соответствует стандарту.

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

    Может еще выдать сообщение - «страница не может быть загружена». Оно указывает на ошибку сервера или несуществующую страницу.

    Если микроразметка "Яндекс" выполнена с неизвестной ошибкой или вы не знаете, как ее исправить, всегда можно обратиться за справкой "Яндекс.Вебмастера".

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

    Как влияет микроразметка на ранжирование сайта?

    Вы разметили свой ресурс по всем правилам, и валидатор микроразметки "Яндекс" показал, что все выполнено без ошибок. На сколько пунктов поднимется ваш сайт по поисковой лестнице?

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

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

    Помимо заметности ресурса, микроразметка существенно увеличивает вес и качество сайта среди конкурентов. Стоит выделить следующие преимущества разметки:

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

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

    Другие способы продвижения сайта

    Внутреннее продвижение, к которому относится микроразметка "Яндекс" и Google, имеет несколько направлений:

    • использование ключевых слов в домене и заголовках сайта;
    • наличие ключевых слов на самой странице, их равномерное распределение по тексту, расположение в подзаголовках, тегах;
    • правильная безошибочная HTML-разметка (проверяется при помощи инструментов "Вебмастера Яндекс");
    • наличие мегатегов (keywords, description и т. п.), указывающих поисковику суть страницы;
    • перелинковка - т. е. ссылки на другие страницы сайта;
    • простая структура сайта, позволяющая в клик перемещаться на главную страницу;
    • запоминающийся и понятный дизайн;
    • работа с социальными сетями, возможность рекомендовать понравившуюся информацию другим;
    • наличие карты сайта;
    • уникальный, интересный и регулярно пополняемый контент, полезный и актуальный для читателя;
    • оптимизированный CMS для быстрой и безошибочной загрузки страниц.

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

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

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

    Вместо заключения

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

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

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

    Не суть важно, какую именно разметку вы используете - OpenGraph, schrema.org или какую-нибудь другую, главное, чтобы она была выполнена без ошибок и выделяла ключевые моменты страниц ресурса. Регулярно проверяйте ее при помощи валидатора, проводите глубокий анализ каждой стороны своей деятельности, и тогда вас ждут отличные результаты!

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

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

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

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

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

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

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

    Расписывать принципы работы с каждым словарем мы не будем, разберем подробнее лишь три из них: Json-ld, Opne Graph и 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 и др. Рассмотрим на конкретном примере:

    Примеры микроразметки статьи с помощью schema.org "ШИРИНА ЛОГО В ПИКСЕЛЯХ" height= "ВЫСОТА ЛОГО В ПИКСЕЛЯХ" src= "ССЫЛКА НА ИЗОБРАЖЕНИЕ ЛОГОТИПА" alt= /> НАЗВАНИЕ СТАТЬИ ОПИСАНИЕ СТАТЬИ ИМЯ АВТОРА ЗАГОЛОВОК H1 "ШИРИНА ПРЕВЬЮ В ПИКСЕЛЯХ" height= "ВЫСОТА ПРЕВЬЮ В ПИКСЕЛЯХ" src= "ССЫЛКА НА ИЗОБРАЖЕНИЕ ПРЕВЬЮ" alt= "АЛЬТЕРНАТИВНОЕ ОПИСАНИЕ ПРЕВЬЮ" /> ОСНОВНОЙ ТЕКСТ СТАТЬИ ДОЛЖЕН БЫТЬ ЗДЕСЬ

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

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



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

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

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

    СОДЕРЖАНИЕ H1 "ССЫЛКА НА ИЗОБРАЖЕНИЕ" title= "СОДЕРЖАНИЕ H1" > СТОИМОСТЬ В РУБЛЯХ УКАЗЫВАЕМ ДОСТУПНОСТЬ ТОВАРА ОПИСАНИЕ ТОВАРА

    Уделяйте особое внимание формату цен, так как большинство ошибок в микроразметке товарных карточек кроется именно там. Текстом мы можем писать любую стоимость в любом формате, а непосредственно в самом теге 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++ - или любой другой текстовый редактор.

    Данный протокол разработал «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:video – URL видео.
    Шаблон разметки страницы Open Graph

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

    ЗАГОЛОВОК СТРАНИЦЫ ...


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

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

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

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

    Кроссовки


    Кроссовки { "@context" : "https://schema.org/" , "@type" : "Product" , "price" : "100.00" } Кроссовки

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

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

    НЗАГОЛОВОК СТАТЬИ //Указывается тип скрипта, в нашем случае это ld+json { "@context" : "https://schema.org" ,//Прописывается библиотека, которой будет размечена страница "@type" : "Article" ,//Указывается тип сущности "mainEntityOfPage" : { //Прописывается ID статьи, обычно просто указывается ссылка на статью "@type" : "WebPage" , "@id" : "ССЫЛКА НА СТАТЬЮ" }, "url" : "ССЫЛКА НА СТАТЬЮ" ,//Прописывается каноничная ссылка на статью "datePublished" : "ДАТА ПУБЛИКАЦИИ" ,//Указывается дата публикации "dateModified" : "ДАТА ИЗМЕНЕНИЯ" , //Указывается дата изменения "headline" : "ЗАГОЛОВОК H1" , //Прописывается заголовок "image" : { "@type" : "ImageObject" , "url" : "ССЫЛКА НА ПРЕВЬЮ" , //Вставляется ссылка на изображение для превью статьи "height" : ВЫСОТА ПРЕВЬЮ В ПИКСЕЛЯХ , //Прописывается высота и ширина изображения в пикселях "width" : ШИРИНА ПРЕВЬЮ В ПИКСЕЛЯХ }, "articleBody" : "" , "author" : { "@type" : "Person" , "name" : "ИМЯ АВТОРА" ,//Указывается имя автора "url" : "ССЫЛКА НА ПРОФИЛЬ АВТОРА (G+, ПЕРСОНАЛЬНАЯ СТРАНИЦА НА САЙТЕ)" //Прописывается ссылка на профиль автора в Google Plus или на персональную страницу на сайте }, "publisher" : { "@type" : "Organization " , "name" : "НАЗВАНИЕ ОРГАНИЗАЦИИ" ,//Указывается название организации "logo" : { "@type" : "ImageObject" , "url" : "ССЫЛКА НА ЛОГОТИП" ,//Указывается ссылка на логотип компании "height" : ВЫСОТА ЛОГОТИПА , //Прописывается высота и ширина логотипа "width" : ШИРИНА ЛОГОТИПА } } } ЗАГОЛОВОК СТАТЬИ

    Возникает закономерный вопрос: что же лучше 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.
    Как еще можно разметить сайт?

    Те способы разметки, что перечислены выше, относятся к непосредственному вмешательству в исходный код страницы, однако есть и другие методы структурирования данных. Это Data Highlighter (Маркер) от Google и «Товары и цены» от Яндекса. С помощью этих инструментов можно напрямую из панели веб-мастеров расширить сниппеты страниц в поисковой выдаче.

    Изображение 9. «Маркер» в Search Console и сервис «Товары и цены» от Яндекса.

    Маркер Google

    Для того, чтобы начать разметку, нужно:

  • Перейти к инструменту и выбрать тип данных для разметки. На данный момент их всего 9 штук:
    • Мероприятия
    • Местные организации
    • Обзоры книг
    • Приложения
    • Продукты
    • Рестораны
    • Статьи
    • Телесериалы
    • Фильмы

    • Изображение 10. Панель выбора типа информации для разметки в Search Console.


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

    • Изображение 12. Кнопка для удаления неверно определённой страницы для разметки в Search Console.

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

    • Изображение 13. Пример списка уже размеченных страниц с помощью Маркера Google.

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

    Плюсы и минусы микроразметки с помощью Маркера от Google
    • Разметка без вмешательства в исходный код страниц;
    • Инструмент находится непосредственно в Google Search Console;
    • Страницы размечаются полуавтоматически;
    • Можно группировать страницы по типам;
    • Разметка будет отображаться только в поисковой выдаче Google;
    • Инструмент не всегда корректно размечает информацию;
    • При разметке крупного сайта много ручной работы.
    Сервис «Товары и цены» Яндекса

    Сам по себе этот инструмент не совсем относится к привычному понимаю микроразметки страниц, так как обычно в Яндексе он применяется для загрузки информации о товаре в Яндекс.Маркет в YML-формате. Как ни странно, Яша смог найти применение данному виду информации о товаре, и сейчас в органической выдаче часто встречаются сайты, размеченные с помощью этого сервиса. Главная особенность «Товаров и цен» – это отображение в поисковой выдаче Яндекса цены на товар/услугу справа от ссылки на сайт.


    Изображение 14. Пример отображения цены услуги в выдаче Яндекса с подключенным сервисом «Товары и цены».

    Применять сервис «Товары и цены» могут не только интернет-магазины, но и организации, которые предоставляют услуги. В данном случае придется создавать YML-документ вручную.

    Итак, для того, чтобы подключить сервис «Товары и цены» в Яндексе, нужно:

  • Добавить свой сайт в веб-мастер Яндекса и перейти в сервис «Товары и цены»;
  • Затем нужно принять условия соглашения, если ранее на сайте не был подключен данный сервис.


    • Изображение 15. Яндекс предлагает ознакомиться с форматом YML и руководством по подключению.


    Плюсы и минусы инструмента «Товары и цены» Яндекса
    • Сильно отличает сайт от других конкурентов в поиске, увеличивает CTR;
    • Пользователь до перехода на сайт получает информацию о стоимости услуги/товара;
    • Помимо цены в YML-документе указываются другие параметры, которые также учитываются при формировании сниппета;
    • В большинстве популярных движков сайтов генерация файла происходит в автоматическом или полуавтоматическом режиме.
    • Результаты с ценами будут видны только в выдаче Яндекса;
    • Выгрузка YML-документа предусмотрена не во всех CMS;
    • При частой смене цен на сайте требуется регулярная генерация документа;
    • Трудозатратно, если нужно разметить большое количество страниц вручную.
    Инструменты для работы с сервисом «Товары и цены» Яндекса

    В отличие от Маркера Google для работы с YML-файлом потребуется следующие инструменты для работы:

    • Список движков сайтов с возможностью выгрузки YML-документов;
    • Генератор YML-документа для формирования файла вручную;
    Итог

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

    У каждого способа разметки данных есть свои достоинства и недостатки, перед началом внедрения следует трезво оценить свои возможности и выбрать наилучший вариант. Отдельные методы разметки можно комбинировать друг с другом, к примеру, Open Graph с schema.org и «Товарами и ценами» от Яндекса. И помните: наличие микроразметки на сайте не гарантирует изменение поискового сниппета в выдаче, в первую очередь это облегчает сканирование сайта поисковиками.

    Статью подготовил: Абдуллин Константин, Технолог SEO-эксперт компании сайт

    В мире, где правит Интернет и поисковые системы (Google, Bing, Yahoo!, Yandex, Baidu), поиск абсолютно любой информации — дело нескольких минут. Значение поисковых систем в нашей жизни сложно недооценить, поэтому неудивительно, что их развитие идет огромными темпами. Если вчера любой вебмастер мог полагаться исключительно на простую HTML-разметку, то сегодня этого будет уже недостаточно.

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

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

    В данной статье мы поговорим о том:

      что такое микроразметка;

      какие бывают виды микроразметки;

      чем полезна микроразметка;

      как описывать данные с помощью Schema.org;

      как микроразметка влияет на поисковую выдачу и используется в поисковой оптимизации;

      что такое расширенные сниппеты для Google и Yandex и как их использовать;

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

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

    О микроразметке

    Словарь микроданных Schema.org появился в 2011 году, когда Google, Microsoft и Yahoo! (позже к ним присоединился и российский Yandex) решили унифицировать схемы семантической разметки. Schema.org — единый словарь тегов, который может использоваться вебмастерами для разметки страниц так, чтобы поисковые системы Google, Yandex, Bing и Yahoo! могли “читать” информацию на них.

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

      Микроданные . Используется с HTML и Schema.org для описания специальных данных. Например, если это фильм, то мы можем специально прописать его название, жанр, режиссера, актеров, рейтинг и т.п.

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

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

    Отметим, что в данной статье мысделаем акцент на микроданных и словаря Schema.org.

    Описываем данные с помощью Schema.org

    Теперь, когда Вы примерно представляете, что такое микроразметка, начнем углубляться в детали. Для начала поговорим о том, как описать данные с помощью Schema.org. Почему мы выбрали Schema.org и микроданные? Дело в том, что это наиболее популярный, надежный и эффективный способ микроразметки. Он не так сложен как RDFa и, к тому же, рекомендован Google.

    Микроформаты и Schema.org

    Schema.org — это словарь тегов для разметки микроданных в HTML5, в котором также присутствуют различные сущности, атрибуты и их свойства. На данном этапе, поговорим о тех основных атрибутах: itemscope, itemtype и itemprop.

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

      Itemtype . Этот атрибут работает в паре с itemscope и определяет тип выделенной сущности с помощью иерархии типов в Schema.org.

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

    Теперьрассмотрим вышеописанное на конкретном примере. Предположим, что Вы хотите внедрить микроразметку на странице уже упомянутого нами фильма “Властелин колец: Возвращение короля”. Скорее всего, часть HTML-кода без микроразметки выглядит примерно так:

    Властелин колец: Возвращение короля Режиссер: Питер Джексон Фэнтези Смотреть фильм

    Выделим блок, который посвящен фильму, с помощью itemscope.

    Властелин колец: Возвращение короля Режиссер: Питер Джексон Фэнтези Смотреть фильм

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

    Властелин колец: Возвращение короля Режиссер: Питер Джексон Фэнтези Смотреть фильм

    Властелин колец: Возвращение короля Режиссер: Питер Джексон Фэнтези Смотреть фильм

    Обратите внимание, что тегами с атрибутом itemprop в большинстве случаев надо оборачивать конкретный текст. В примере выше мы добавили дополнительную пару тегов , чтобы поисковые роботы не рассматривали слово “режиссер” в качестве самого режиссера.

    Что еще нужно знать о микроданных и Schema.org?

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

      основных свойств четыре (в реальности их гораздо больше — см.свойства Thing): name, description, URL и image. Дочерние сущности и схемывсегдаполучают свойства “родителей”.

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

      при разметке надовсегдаиспользовать ожидаемый тип и текст, обращайте внимание на вложенные сущности, дочерние и родительские типы. Например, у Вас есть цепочка Thing — Place — TouristAttraction. Задавая схему TouristAttraction, будьте готовы использовать свойства, принятые в данной цепочке. Если этого не делать, то поисковые системы просто не смогут “понять”, что Вы им хотели сказать.

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

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

    Микроразметка помогает поисковым системам не только лучше отображать, но и лучше понимать, размещенную на странице информацию. Именно микроразметка дает поисковым роботам подробную “карту” того, как следует обработать и проиндексировать информацию. Именно микроразметка, в конечном счете, позволяет значительно улучшить релевантность страницы как для поисковых систем, так и для пользователей. Следовательно, улучшается и поисковая выдача. Считается, что микроразметка может увеличить поступление трафика на сайт примерно на 30%. Согласитесь, что такая поисковая оптимизация — хорошее решение!

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

    Сайт в выдаче без микроразметки

    Сайт в выдаче с микроразметкой

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

    Расширенный сниппет для Google

    Google позволяет помешать небольшое описание веб-страницы (сниппет) в выдаче. Чем детальнее и информативнее сниппет, тем легче пользователю понять, насколько содержание веб-сайта релевантно его запросу. Добиться информативности сниппета можно с помощью микроразметки микроданными со Schema.org. Например, если речь идет о веб-сайте ресторана, то с помощью микроразметки можно не только указать его название, но и добавить цены, рейтинг, время работы, адрес, фотографии блюд и т.п. В общем, расширенный сниппет просто не может повредить.

    Создать расширенный сниппет для Google можно:

      выбрав формат разметки (в нашем случае это микроданные);

      проверив разметку с помощью специальных валидаторов (о них речь то же пойдет ниже).

    Пример кода расширенного сниппета для Google

    Пример расширенного сниппета для Google в выдаче

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

    Расширенный сниппет для Yandex

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

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

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

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

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

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

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

    • AggregateRating Schema

    • SearchAction Schema

      MobileApplication Schema

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

    Offer Schema

    На русский язык “offer” переводится “предложение”. Фактически, суть Offer Schema состоит в предложении чего-то. Например, сайт предлагает купить такую-то книгу или фильм, арендовать квартиру, посмотреть сериал онлайн, отремонтировать машину и т.п. Одно из таких предложений Вы можете увидеть на расширенном сниппете ниже.

    Пример сниппета

    Offer Schema является дочерней сущностью Intangible, которая, в свою очередь, закреплена за самой общей сущностью Thing.

    WebPage Schema

    WebPage Schema, как можно догадаться, является схемой микроразметки для отдельной веб-страницы. В Schema.org предполагается, что эта схема может “захватывать” некоторые присущие странице свойства (например, breadcrumb — хлебные крошки). Даже если свойство не выделено в блоке микроразметки с помощью itemscope, но находится на странице, то поисковые боты все равно “поймут”, что оно относится к блоку. Отметим, однако, что лучше задавать свойства отдельно.

    WebPage Schema является дочерней сущностью CreativeWork, которая, в свою очередь, закреплена за самой общей сущностью Thing.

    AggregateRating Schema

    AggregateRating Schema — это средний рейтинг сайта или веб-страницы, который вычисляется на основе различных оценок и отзывов, оставленных клиентами и пользователями. Отображается в виде звездочек; рядом указывается количество отзывов, на основе которых вычислен рейтинг. Из этого следует, что AggregateRating Schema всегда используется в паре с Review Schema. Смотри расширенный сниппет ниже.

    Пример сниппета

    AggregateRating Schema является дочерней сущностью Rating.

    Product Schema

    Product Schema — популярная схема, которая используется для отображения конкретного товара или услуги. Например, это может быть пара ботинок, билет на концерт, автомобиль, серия сериала или фильм и т.п. Смотри расширенный сниппет ниже.

    пример сниппета

    Product Schema является дочерней сущностью Thing.

    Review Schema

    Review Schema — это схема для информативного отображения отзывов на товар, услугу, фильм, альбом, магазин, ресторан и т.п. Смотри расширенный сниппет ниже.

    пример сниппета

    Review Schema является дочерней сущностью CreativeWork, которая, в свою очередь, закреплена за самой общей сущностью Thing.

    Rating Schema

    Rating Schema позволяет отобразить рейтинг сайта или веб-страницы в цифровом выражении. Например, рейтинг такого-то ресторана — 3,5 звезды, а такого-то магазина — 4 звезды. В отличие от AggregateRating, Rating вычисляется только на основе оценок и без учета отзывов.

    Rating Schema является дочерней сущностью Intangible, которая, в свою очередь, закреплена за самой общей сущностью Thing. Rating — родительская схема для AggregateRating Schema.

    SearchAction Schema

    SearchAction Schema позволяет совершить поиск по ресурсу прямо из выдачи. Топовые сайты в США делают акцент именно на этой схеме (по даннымSimilarTech). Смотри расширенный сниппет ниже.

    пример сниппета

    SearchAction Schema является дочерней сущностью Action, которая, в свою очередь, закреплена за самой общей сущностью Thing. SearchAction — родительская схема для FindAction Schema.

    MobileApplication Schema

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

    Mobile Application Schema является дочерней сущностью SoftwareApplication, которая, в свою очередь, является дочерней сущность CreativeWork, а та закреплена за Thing.

    WebSite Schema

    WebSite Schema — схема для отображения набора связанных веб-страниц или других элементов, которые размещены на едином веб-домене и имеют один URL.

    WebSite Schema является дочерней сущностью CreativeWork, которая, в свою очередь, закреплена за самой общей сущностью Thing.

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

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

      Structured Data Testing Tool . Этот инструмент от Google прост в использовании и позволяет довольно быстро проверить разметку как на целом сайте, так и в части HTML-кода.

      Валидатор микроразметки . Этот инструмент от Yandex работает так же, как и вышеописанный Structured Data Testing Tool: введите URL сайта или часть HTML-кода, нажмите кнопку “Проверить” и наслаждайтесь.

      Structured Data Linter . Этот инструмент в целом похож на два вышеописанных. Единственным отличием является возможность загружать файл с HTML-кодом сайта для анализа.

    Надеемся, что эти инструменты принесут Вам пользу.

    Вывод

    Итак, что можно сказать напоследок? Микроразметка уже здесь, ей активно пользуются все больше и больше вебмастеров и SEO специалистов для более грамотной и эффективной поисковой оптимизации. Микроразметка хороша для всех: пользователь получает доступ к более релевантной и структурированной информации; поисковые боты лучше “читают” и индексируют сайт; вебмастер и SEO специалист получают удовольствие от возросшего трафика и большего количества правильных посетителей.

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

    С чего начать? Если Вы читаете данную статью, то, думаем, очевидно, что начать надо с 9 схем микроразметки, которые были описаны выше. Если у Вас нет времени на все 9, то остановитесь хотя бы на самых нужных для Вашего бизнеса. Например, если Вы держите Интернет-магазин, то логичнее будет начать с Offer, Product, Review, Rating и SearchAction. Если Вы владеете корпоративным сайтом, то начните с WebSite и WebPage. В общем, решать Вам.

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

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

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

    В ряде вопросов данную нестыковку может решить использование микроразметки.

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

    Сама по себе микроразметка означает, что для выделения определенных блоков и их смысла в коде (в разметке) используются специальные обозначения, в которые «оборачивается» ваш текст со страницы.

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

    Из часто используемых можно отметить такой стандарт, как Open Graph, позволяющий достаточно просто описать вид статьи или видео для публикации в Facebook (о настройке Open Graph на WordPress вы можете прочесть в статье Прожектора №57 « »).

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

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

    Зачем нужна микроразметка

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

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

    Звучит довольно заманчиво:

    Какой из сниппетов более привлекателен, если Вы ищете рецепт торта?

    Виды и типы

    Ознакомиться со списками поддерживаемых типов полей вы можете в специальных разделах «Справки» Google и «Помощи» Яндекса (и в его списке партнерских программ).

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

    • Меню «хлебные крошки».
    • Статьи.
    • Товары.
    • Отзывы.
    • Видео.
    • Программы.
    • Рецепты и др.

    Пример сниппета товара с ценой, отзывами и «хлебными крошками» в Google

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

    Пример написания микроразметки

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

    Поговорим о каждом из вариантов.

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

    Расширенный сниппет с адресом организации

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

    Исходный код сайта

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

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

    Корпорация ГУРУ:

    115280, Москва, ул. Ленинская Слобода, д.19, стр.1

    Электронная почта: [email protected]

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

    При этом необходимо помнить, что нельзя путать вложенность данных. Если в schema.org приведена «организация », внутри которой содержится блок «почтовый адрес », то поля из «адреса » должны быть только внутри своего —контейнера и не должны быть указаны вне его границ. Иначе это будет считаться ошибкой, и микроразметка точно работать не будет.

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

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

    Исходный код меню «хлебные крошки»

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

    Наибольшая сложность состоит в том, как именно вписать в имеющиеся оформление и стили указанные блоки и элементы. Тут за помощью можно обратиться к более опытным коллегам.

    Пример использования «Маркера»

    Как говорилось выше, создать микроразметку можно и без знания шаблонов с помощью сервиса Google «Маркер ».

    Первый шаг — указать адрес страницы и тип необходимых данных:

    Выбор типа разметки

    Выбор полей осуществляется мышью:

    Выбор полей для разметки мышью

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

    Итоговый код

    В данном случае все даже проще, чем ранее. Столкнуться со сложностями можно будет, только если страницы сайта не статические, а динамические и создаются посредством кода PHP, например, при написании микроразметки на платформе WordPress. В таком случае необходимо будет править файлы index.php (и, возможно, header.php).

    Особенности использования

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

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

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

    Проверка правильности микроразметки

    Одним из важнейших шагов перед выкладкой готовой разметки является валидация — проверка правильности написания разметки . Выполнить ее можно с помощью специальных сервисов «Валидатор микроразметки » в составе Яндекс.Вебмастера и Testing Tool в составе Google Developers.

    Работать с данными сервисами очень просто — копируем в поле ввода код и получаем либо ответ «все хорошо»:

    Валидатор от Яндекс

    либо предупреждение, где написана ошибка, если вы что-то перепутали в порядке (как я предупреждал ранее):

    Итоги

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

    В остальном желаю успехов в начинаниях на поприще семантической разметки!



    СХОЖИЕ СТАТЬИ