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


Google с Яндексом не дают веб-мастерам спокойно спать — то они вводят новые способы ранжирования сайтов в выдаче – из последних, учет адаптивности шаблона на сайте.
То перестают учитывать ссылочное при ранжировании или вводят какие-то очередные фильтры.
А теперь, дошла очередь до семантической разметки сайта.
Вообще, для Google с Яндексом микроразметка и микроформаты – это основная тенденция в этом году.
Собственно, ее стандарт появился еще в 2011 году, но, если ранее ПС предлагали добавить ее на сайт добровольно, то теперь добровольно-принудительно :), поскольку сайты, не имеющие ее, стали индексироваться хуже, им сложнее попасть в топ выдачи.

Содержание:

  1. 1. Что такое микроразметка?
  2. 2. Зачем нужна семантическая разметка сайта?
  3. 3. Какую пользу приносит использование семантической разметки?
  4. 4. Виды микроразметки
  5. 5. В чем разница между Microdata schema.org и JSON-LD schema.org?
  6. 6. Какая микроразметка наиболее популярна в рунете?

↑ 1. Что такое микроразметка?

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

«Вот это у меня название статьи, а это изображение, а вот тут идут комментарии.
Это имена комментаторов, а это я, автор сайта, собственной персоной. Не перепутай ничего!».

Из документации Яндекс о микроразметке сайтов:

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

↑ 2. Зачем нужна семантическая разметка сайта?

Она помогает выстроить структурированную иерархию всех данных страницы для поисковых роботов, а также роботов социальных сетей, что улучшит представление сайта в результатах поиска.
Размеченная таким образом страница станет более понятной и прозрачной для роботов всех ПС.
Хотя, представители Яндекса утверждают, что наличие семантической разметки не влияет на позицию сайта, но опыт и наблюдения показывают, что размеченный сайт индексируется ПС намного быстрее и качественнее, а в выдаче показывается на 3-5 позиций выше не размеченных сайтов.
Такая разметка полезна для коммерческих сайтов (всяких-разных сервисов, интернет-магазинов, ресторанов). Также, она помогает продвижению корпоративных веб-ресурсов, самых различных сайтов и блогов.
Сравните сниппеты в выдаче Гугл и Яндекс с микроразметкой и без нее:
Микроразметка Google, рейтинг:


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

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

↑ 3. Какую пользу приносит использование семантической разметки?


  1. Лучшую, более быструю индексацию новых статей и сайта в целом.
  2. Увеличение доверия к сайту со стороны ПС.
  3. Лучшие, более информативные сниппеты в выдаче – за счет показа дополнительной информации: рейтинга, цены, контактных данных (адреса, телефона) и т.п.
  4. Улучшение поведенческих факторов сайта (больше переходов из поисковой выдачи).

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

↑ 4. Виды микроразметки

1. Open Graph
Стандарт Open Graph изобрели для Facebook с целью получить красивое отображение других сайтов в этой социальной сети, когда пользователь нажимает на кнопку «поделиться».
Разметку Open Graph используют Facebook, Pinterest, Вконтакте, Google, LinkedIn+, Twitter и прочие сервисы.
С помощью Open Graph можно разметить следующие свойства: заголовок статьи, описание, изображение и пр.
Яндекс поддерживает разметку Open Graph для передачи данных в сервис Яндекс.Видео, для аудио и некоторых других файлов, а также для формирования заголовков сниппетов.
2. Микроформаты это простые сущности. Они используются для описания информации. У каждой сущно.


ьзуют атрибут class элемента, к которому применяются.
Однако, именно эта их особенность стала причиной отказа от использования микроформатов — используя атрибут class, микроформаты создают множество новых CSS классов, которые зачастую конфликтуют с CSS классами шаблона.
Яндекс поддерживает следующие микроформаты:
hCard — контактная информация — адреса, телефоны;
hRecipe — кулинарные рецепты;
hReview – отзывы (они же – блоги);
hProduct — товары.

Многих из этих неудобств лишена разметка Schema. org.
3. Микроразметка schema org — семантическая разметка данных, которую поддерживают все ведущие ПС мира — Google, Bing, Yahoo еще с 2011 года, а Яндекс с недавних пор.
Schema использует более новый современный микроформат.
Google поддерживает практически все схемы schema.org, а Яндекс, пока, только эти:
Адреса, организации
Видео
Вопросы, ответы
Другие творческие работы
Отзывы об автомобилях
Отзывы об организациях
Программы
Рефераты
Рецепты
Словарные статьи
Тест-драйвы
Товары, цены
Картинки
Фильмы

4.

ON-LD
– еще один вид разметки.
JSON-LD — это способ передачи связанных данных с помощью текстового формата JSON. Этот формат разработал Консорциум Всемирной паутины (W3C), он считается самым современным видом разметки.
Данные, размеченные с помощью JSON-LD, используются Яндекс.Почтой, но пока не отображаются в результатах поиска Яндекса.

↑ 5. В чем разница между Microdata schema.org и JSON-LD schema.org?

Microdata schema.org добавляется в HTML-код, а для использования JSON-LD достаточно вставить специальный скрипт в контейнер head.
Сейчас, оба этих вида разметки Microdata и JSON-LD считаются наиболее перспективными, хотя, все остальные разметки также пока еще широко используются, особенно в США и западных странах.
А ведь именно на западных сайтах вебмастера находят (в бесплатном доступе или покупают) большую часть тем для WordPress.
Эти темы, как правило, содержат устаревшие типы разметки, которые понимает Google, но не понимает Яндекс — западные разработчики ведь ориентируются именно на Google, который, в отличие от Яндекса, понимает все виды микроразметки.
Когда же владелец сайта устанавливает такую тему на свой сайт, то сайт слабо индексируется Яндексом, поскольку тот не понимает внедренной разметки.
Это сильно усложняет жизнь блогерам и вебмастерам — в рунете, все же, предпочтительнее ориентироваться на Яндекс.
Конечно, всю эту лабуду из шаблона можно было бы вычистить, но, на микроформаты почти всегда завязаны CSS стили, поэтому, при их удалении, сбивается вся верстка.
Кроме вышеперечисленных существуют другие форматы микроразметки — Data Vocabulary, Dublin Core и прочие.


↑ 6. Какая микроразметка наиболее популярна в рунете?

Немного статистики от Яндекса о микроразметке:

Больше 50% запросов к валидатору содержат разметку Schema.org. При этом примерно в 9% валидатор находит ошибки.
Запросы, содержащие микроформат hCard, составляют примерно 20% — ошибки обнаруживаются примерно в 10% случаев.
Около 4% запросов – это RDFa, около 10% примеров содержат ошибки.
OpenGraph составляет всего около 1,5% запросов, ошибок в этом формате практически нет. Всего 1% случаев имеет некорректную разметку.
А порядка 2% запросов – это проверка примеров, расположенных на главной странице валидатора :).

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

prodengiblog.ru

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

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

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

Словарные статьи


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

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

Отзывы об автомобилях

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

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

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

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


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

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

 

Примеры разметки по схемам, поддерживаемым Google

Отзывы

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

Пример сниппета отдельного отзыва:

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

Пример сниппета сводного отзыва:

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

Мероприятия

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

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

Товары


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

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

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

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

Полезные инструменты

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

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

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

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

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

siteclinic.ru

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

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

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

Поисковый робот, в отличие от человека, не может распознать, о чем идет речь на сайте без определенных подсказок. Он анализирует контент, выявляет определенные закономерности, определяет ключевые слова, но, не имея человеческого интеллекта, не может понять смысл написанного. Чтобы упростить ему задачу, программистами придумана семантическая или микроразметка для «Яндекса» и 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 – он наиболее полный, современный и активно развивающийся.

микроразметка для яндекса и google

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

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

Для каждого стандарта существуют свои словари и элементы. В 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 или какую-нибудь другую, главное, чтобы она была выполнена без ошибок и выделяла ключевые моменты страниц ресурса. Регулярно проверяйте ее при помощи валидатора, проводите глубокий анализ каждой стороны своей деятельности, и тогда вас ждут отличные результаты!

fb.ru

Микроразметка на примере

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

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

Сниппет с микроразметкой

 

Видео по микроразметке:

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

Если вы еще не внедрили микроразметку на своем ресурсе, то поторопитесь с этим. И вот 2 причины поторопиться это сделать:

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

Виды микроразметки сайта

  • Schema.org — язык роботов поисковых систем Яндекс и Google. Отметим, что его также понимают Bing и Yahoo, и другие роботы менее известных поисковых систем. Schema.org — самый распространенный язык микроразметки. несколько лет назад его приняли за всеобщий стандарт разметки данных. 
  • OpenGraph — способ разметки информации, используемый роботами социальных сетей. Разработала его Facebook, но подхватили Вконтакте, Twitter, Google+, LinkedIn и все остальные. Используется для отображения превью в новостной ленте пользователя. Также этот язык понимает Яндекс.Видео.
  • JSON-LD — способ описания содержания страницы с помощью языка связанных данных. Описанная таким образом информация видна для роботов, но скрыта от людей. Чтобы было понятно: этот язык различает Яндекс.Почта, но оставляет без внимания поисковой робот Яндекса. Может быть использован в качестве дополнения к Schema.org (кстати, структурированные таким образом данные выглядят красивее).
  • Микроформаты — альтернативный способ разметки гипертекста через атрибут “class”. Например, задаем тег<div class=”adr”></div>, то есть сообщаем роботу о том, что внутри <div>помещен адрес.

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

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

В стандарте Schema.org есть порядка 550 классов, но их число неуклонно растёт. Некоторые классы поддерживаются сервисами Яндекса.

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

Практически всё (существует более 100 схем), но не вся разметка будет использована поисковыми системами. Что точно стоит размечать:

  • Товары
  • Контакты
  • Статьи
  • Отзывы / рейтинги
  • Комментарии
  • Видео
  • Люди (персоны)
  • Рецепты

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

<div itemscope itemtype="http://schema.org/Product"> <!--Указывается схема Product-->  	<!--В поле name указывается наименование товара-->  	<div itemprop="name"><h1>Кровать Мелисса с мягкой спинкой</h1></div>  	<!--В поле image указывается ссылка на картинку товара-->  	<a itemprop="image" href="products_pictures/large_krovat.jpg">  		<img src="products_pictures/medium_krovat.jpg" title="Кровать Мелисса с мягкой спинкой">  	</a>  	<!--Указывается схема Offer-->  	<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">  		<div>8 350 руб.</div>  		<!--В поле price указывается цена товара-->  		<meta itemprop="price" content="8350.00">  		<!--В поле priceCurrency указывается валюта-->  		<meta itemprop="priceCurrency" content="RUB">  	</div>  	<!--В поле description дается описание товара-->  	<div itemprop="description">Цена указана за кровать Мелисса с мягкой спинкой; размером спального места 900х2000 мм. Подушки у спинки кровати изготовляются из искусственной кожи. В комплектацию входит ортопедическое основание на ножках.</div>  	</div>  

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

<div itemscope itemtype=”http://schema.org/Organization”>
<span itemprop=”name”>superwebmaster</span>
Контакты:<div itemscope itemtype=”http://schema.org/ProstalAddress”>
Адрес:
<span itemprop=”streetAddress”>проспект Ленина,11</span>
<span itemprop=”prostalCode”>454055</span>
<span itemprop=”addressLocality”>Челябинск</span>
</div>
Телефон:<span itemprop=”telephone”>+7-908-04-29-***</span>
</div>

Микроразметка статьи

<div itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline name">Пример микроразметки статьи</h1>
</header>
<span itemprop="datePublished" content="ГОД-МЕСЯЦ-ДЕНЬ">Дата размещения</span> 
<span itemprop="author">Солтык Алексей</span>
<div itemprop="description"> 
<p>Текст краткого описания</p> 
<p>...</p>
</div>
<h2 itemprop="alternativeHeadline">Подзаголовок статьи</h2>
<div itemprop="articleBody">
<article> 
<img itemprop="image" src="URL адрес изображения" title="Какое-то изображение в статье" alt="Альтернативное название"> 
<p>Размечаем содержимое статьи!</p> 
<p>...</p>
</article>
</div>
</div>

Микроразметка отзывов (рейтинга)

<div itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Название страницы"> 
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
<meta itemprop="price" content="0.00"> 
</span> 
<p itemprop="description">Описание страницы</p> 
<div class="left" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> 
<meta itemprop="ratingValue" content="4.63" /><!-- Количество отображаемых звезд -->
<meta itemprop="ratingCount" content="9" /><!-- Количество голосов --> 
</div>
</div>

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

<div itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/UserComments">  <span itemprop="commentTime" content="2017-05-23T12:14:22">23.05.2017 12:14:22</span>  <span itemprop="creator">Алексей</span>:  <div itemprop="commentText">Мощная статья. Спасибо!</div>  </div>

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

<h1 itemprop="name">Анджелина Джоли</h1><br/>  <img itemprop="image" src="//domen.ru/wp-content/uploads/iphone360_20866-1.jpg" alt="Анджелина Джоли">  <b>ФИО на английском:</b> <span itemprop="alternateName">Angelina Jolie</span><br />  <b>Дата рождения:</b> 04 июня 1975 года<br />  <meta itemprop="birthDate" content="1975-06-04"/>  <b>Рост:</b> <span itemprop="height">1.69 м</span><br />  <b>Знак зодиака:</b> близнецы<br />  <b>Место рождения:</b> <span itemprop="birthPlace">Лос-Анджелес, Калифорния, США</span><br />  <b>Карьера:</b> <span itemprop="jobTitle">Актриса, Продюсер, Режиссер, Сценарист</span><br />  <b>Жанры:</b> драма, триллер, боевик<br />  <b>Супруг:</b> <span itemprop="spouse">Джонни Ли Миллер (развод), Билли Боб Торнтон (развод), Брэд Питт, шестеро детей</span><br />

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

<div itemscope itemtype="http://schema.org/Recipe"> 
<h1 itemprop="name" >Курица в пиве с рисом</h1> 
Этот рецепт найден в Тибетском монастыре в 1871 году во время экспедиции графа Никанора Уйского. Он был написан в VI веке до нашей эры на глиняной табличке. 
<img itemprop="resultPhoto" src=​"profit.jpg" /> 
<ul> 
<li>Автор рецепта: <span itemprop="author">Граф Уйский</span></li> 
<li>После приготовления вы получите <span itemprop="recipeYield" >4 порции</span></li> 
<li>Время приготовления: <meta itemprop="totalTime" content="PT45M"/>45 минут</li> 
</ul> 
<h2>Ингредиенты</h2> 
<ul>
 <li itemprop="ingredients"> 1 курица </li>
 <li itemprop="ingredients" > 5 л пива </li> 
<li itemprop="ingredients" > соль </li> 
<li itemprop="ingredients" > перец </li> 
<li itemprop="ingredients" > специи по вкусу </li> 
</ul> 
<h2>Способ приготовления</h2> 
<ul itemprop="recipeInstructions"> 
<li><img itemprop="image" src=​"creks.jpg" alt="нарезанная кусочками курица"/> Курицу нарезать на кусочки, выложить в форму для запекания, посолить, поперчить, добавить специи по вкусу. </li>
 <li><img itemprop="image" src=​"feks.jpg" alt="курица залитая пивом"/> Курицу залить пивом, поставить в духовку. </li> 
<li><img itemprop="image" src=​"peks.jpg" alt="курица в духовке"/> Жарить при температуре 180 градусов в течение 40—45 минут. </li>
 </ul> 
<span itemprop="recipeCategory">Блюда из курицы</span> 
<div itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"> Пищевая ценность: 
<ul> 
<li>Калории: <span itemprop="calories">120 ккал.</span>,</li> 
<li>Жиры: <span itemprop="fatContent">7 г.</span></li> 
<li>Углеводы: <span itemprop="carbohydrateContent">1 г.</span></li> 
</ul> 
</div> Приятного аппетита! </div>

Влияние микроразметки на ранжирование в Яндексе

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

Влияние микроразметки на ранжирование в Гугл

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

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

 Влияет ли наличие микроразметки на позиции сайта в поисковой выдаче? Администрации поисковых систем отрицают эту зависимость, но, при этом, рекомендуют использовать schema.org. Конструкторы сайтов содержат модуль для работы с OpenGraph. При этом вопрос об оптимальном выборе остается открытым.

Валидаторы микроразметки

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

  1. Structured Data Testing Tool. Особенность сервиса состоит в том, что можно на примерах увидеть, как выполняется микроразметка. Просто скопируйте пример в свой шаблон и подставьте $переменные$ в код.
  2. Разделы “Структурированные данные” и “Маркер” в Search Console от Google, которые позволят настроить микроразметку.
  3. Валидатор микроразметки от «Яндекс».
  4. Яндекс.Справочник. Добавьте информацию о своей организации и в результатах поиска “Яндекс” будет показываться адрес, телефон и график работы.

Выводы

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

Не имеет значения какую разметку вы будите использовать – schema.org или какую-нибудь другую, главное, чтобы она была выполнена правильно и без ошибок и выделяла ключевые моменты страницы. Систематически проверяйте ее с помощью «Валидатора» и «Инструмент проверки структурированных данных», проводите глубокий разбор вашей деятельности и у вас все получится.

webmaster-seo.ru

Статьи о продвижении

Любая статья, размещенная на Вашем сайте, считается поисковыми системами «творческой работой».

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

На рисунке приведена цитата из официальной справки яндекса.

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

Рис 1 – условия вывода сниппетов при разметке статьи

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

Возможные варианты сниппетов от гугл при разметке статьи

Рис 2 возможные варианты сниппетов от гугл при разметке статьи

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

http://schema.org/Article:

  • http://schema.org/NewsArticle — схема для разметки новостных статей
  • http://schema.org/BlogPosting — схема для разметки статей в блоге
  • http://schema.org/ScholarlyArticle — схема для разметки научных статей

Исходя из того, что на нашем сайте присутствует блог — https://fireseo.ru/blog/, в которым мы размещаем авторские материалы, нам надо использовать разметку — http://schema.org/BlogPosting (разметка публикаций в блоге).

Но если зайти на сайт, который описывает эту разметку — http://schema.org/BlogPosting, то можно увидеть следующее описание:

Thing > CreativeWork > Article > SocialMediaPosting > BlogPosting

Между Article и BlogPosting – еще находится SocialMediaPosting, который передает схеме BlogPosting по наследству дополнительные свойства sharedContent. Эти новые унаследованные свойства используются для разметки других форматов данных, находящихся в социальных сетях. Проще говоря, этот тип разметки нужно использовать для разметки постов в соц сетях. Пример разметки SocialMediaPosting.

Если же открыть — http://schema.org/NewsArticle

То здесь мы видим прямую иерархию:

fireseo.ru

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

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

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

 

О валидаторе микроразметки Yandex

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

  1. микроформаты;
  2. Schema.org;
  3. микроданные HTML;
  4. RDF;
  5. Open Graph.

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

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

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

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

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

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

  • о следующих ошибках:
  1. Страница не может быть загружена;
  2. Микроразметка не обнаружена =(
  3. Поле отсутствует или пусто
  • о следующих предупреждениях:
  1. поле не определено в спецификации
  2. поле не является корректным значением

А теперь рассмотрим пример: имеется произвольный код со страницы «Контакты» :

  <span itemscope itemtype="http://schema.org/LocalBusiness">  	<b>Семантика</b></br>  	<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">  		<span itemprop="address">Воронеж</span></br>  		<span itemprop="streetAddress">ул. Торпедо, д. 15</span>  	</span></br>  	<time itemprop="openingHours" datetime="Mo, Tu, We, Th, Fr 09:00−22:00">  		Пн-Пт, с 09:00 до 22:00  	</time></br>  	<span itemprop="telephone">+7 (473) 279-96-26</span>  </span>  

Проверим в валидаторе Яндекса:

 

Валидатор показал что у нас имеется ошибка и предупреждение. Информация об ошибках достаточно подробна. Приведем к валидности разметку.

  1. Ошибка: поле name отсутствует или пусто — name относится к сущности Organization, и валидатор Яндекса настаивает, чтобы мы присвоили соответствующий атрибут к тегу с названием организации. Название организации у нас имеется — Семантика. Нам необходимо сделать следующие правки:
     ... <span itemprop="name"><b>Семантика</b></span></br> ... 
  2. Предупреждение: поле address не определено в спецификации. Предупреждение сообщает, что у сущности PostalAddressнет в спецификации свойства address. В чем же мы ошиблись? Зайдем на официальный сайт Schema.org, найдем данную сущность и выясним.

    Действительно, данного свойства у сущности не имеется. Валидатор указал на нашу ошибку. Верное свойство называется addressLocality.  Нам необходимо сделать следующие правки:

     ... <span itemprop="addressLocality">Воронеж</span></br> ... 

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

 

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

semantica.in

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

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

Сравните сами:

Разница сниппетов в поисковой выдаче с микроразметкой и без неё.png

Разница сниппетов в поисковой выдаче с микроразметкой и без нее

Разница при применении разметки OpenGraph для социальных сетей.png

Разница при применении разметки OpenGraph для социальных сетей

Стандарт микроразметки

Как правило, чаще всего для разметки используется специальный стандарт , который создан и поддерживается самыми популярными поисковиками — Google, Яндекс, Yahoo! и Bing.

Виды микроразметки

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

  • карточка организации;
  • блок Контакты на сайте;
  • хлебные крошки (навигационная цепочка);
  • товары и цены;
  • отзывы на товары или организацию.

Особняком идет разметка для социальных сетей OpenGraph (для Facebook, ВКонтакте и Google+) и ее «подраздел» Twitter Cards, сделанный специально для Twitter. Чаще всего такая разметка ставится на страницы товаров, статей и новостей — те виды контента, которым любят «делиться» и «рассказывать друзьям».

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

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

Если перейти на сайт и пролистать страницу до конца таблиц, можно увидеть список примеров. У каждого из них есть несколько способов отображения — микроданные, RDFa и JSON-LD.

Микроданные

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

У микроданных есть список основных элементов:

  1. Атрибут itemscope, который показывает, что дальше передаются данные об объекте микроразметки.
  2. Атрибут itemtype, в котором указывается тип данного объекта ссылкой на него на сайте schema.org.
  3. Атрибут itemprop для определения конкретного свойства нашего объекта.

RDFa

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

  1. Атрибут typeof — аналог атрибута itemtype, но указывается не ссылкой, а названием самого типа.
  2. Атрибут property — аналог itemprop.

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

JSON-LD

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

Поисковая система Google :

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

При такой разметке информация об организаторе, месте и билетах попадает в Knowledge Graph.

Зеленой рамкой на изображении выделены данные, представленные в Knowledge Graph.jpg

Зеленой рамкой на изображении выделены данные, представленные в Knowledge Graph

Рассмотрим микроразметку разных категорий.

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

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

Разметка логотипа

Логотип можно разметить в коде сайта следующим образом. Синим выделены элементы микроразметки.

Разметка логотипа.JPG

Как размечать?

  1. Находим на странице свой логотип.
  2. Контейнеру для логотипа присваиваем атрибут itemscope, давая понять, что это отдельный объект микроразметки.
  3. Указываем через itemtype, что это данные об организации ссылкой на schema.org. Важно при этом разметить еще 2 элемента — картинку логотипа и ссылку на главную страницу, что делается свойствами itemprop=”url” и itemprop=”logo”.

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

Разметка логотипа 2.JPG

Разметка социальных сетей

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

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

В данном примере выделены элементы, которые необходимо изменить — название организации, адрес вашего сайта, адрес логотипа, ссылки на социальные сети и телефон организации.

Разметка номера телефона

Телефоны организации мы указываем в отдельном массиве contactPoint. Атрибут contactType указывает, к какому виду контактов относится данный телефон.

Полный список есть , но основные виды контактов:

  • customer service (работа с клиентами);
  • technical support (техническая поддержка);
  • sales (отдел продаж).

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

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

Еще одна из самых популярных микроразметок — страница контактов. Подобная микроразметка через JSON-LD выглядит следующим образом:

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

Как мы видим, по сравнению с предыдущим примером у нас поменялся тип разметки: с Organization на @type LocalBusiness.

Обязательными атрибутами являются name и image, рекомендуемые — telephone, address и priceRange (атрибут, в котором указывается ценовой диапазон ваших услуг).

Более подробное описание полей можно найти .

Что делать, если у вас несколько телефонов?

В LocalBusiness можно указать только один, основной телефон. Но дополнительные телефоны мы всегда можем указать в описании организации — схема Organization из пункта ранее.

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

Микроразметка контактов организации 2.JPG

И опять-таки — главное не наставить лишних запятых, которые сломают нам микроразметку.

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

Микроразметка контактов организации 3.JPG

В примере выделены элементы микроразметки. Как ее сделать?

  1. Как и всегда, присваиваем контейнеру тип объекта (в данном случае — Organization)
  2. У вложенных элементов выделяем название организации, ее телефон, email, адрес (который тоже является объектом, со своими атрибутами — улицей, страной, городом и т.д.). Если необходимо добавить в микроразметку элемент, которого не должно быть видно пользователю, можно воспользоваться тегом :

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

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

  1. Основному контейнеру мы добавляем атрибут itemscope, объявляя его объектом микроразметки, и указываем его тип через ссылку на schema.org атрибута itemtype.
  2. Отдельный элемент «крошка» мы размечаем через атрибут itemprop=»itemListElement», указывая, что это элемент списка.
  3. Добавляем itemscope, так как это тоже объект, и указываем itemtype.

4. Ссылку на пункт крошек мы размечаем через атрибут itemprop=”url”, название пункта — itemprop=»name», если есть картинка — itemprop=»image», а специальное свойство position отвечает за порядковый номер в списке, нумерация начинается с 1.

Разметка хлебных крошек скриптом JSON-LD будет выглядеть следующим образом:

Микроразметка хлебных крошек 2.JPG

В данном примере @id — это уникальный url для данной страницы, name — название пункта меню, image — картинка, а position — позиция пункта в списке, нумерация также начинается с единицы.

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

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

Микроразметка товаров.JPG

Элемент с атрибутом itemprop=”name” — название товара, itemprop=»image» — изображение, если картинок много, то можно добавить этот атрибут к каждой из них.

Соответственно, атрибут description — для описания товара, brand — бренд (производитель), sku или mpn — идентификаторы товара, его товарный код.

Внутри товара также есть 2 объекта со своими параметрами:

  1. aggregateRating, который отвечает за разметку отзывов;
  2. Offer, который включает в себя свойства торгового предложения:
  • цена;
  • валюта;
  • наличие товара на данный момент (чаще всего для этого используется два варианта: в наличии — http://schema.org/InStock«> и нет в наличии — );
  • состояние товара.

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

Микроразметка товаров 2.JPG

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

Для расшаривания страницы через социальные сети существует специальная разметка OpenGraph. Данный вид микроразметки был создан Facebook и позволяет управлять видом ссылки при публикации. Он чаще всего размещается вверху страницы внутри контейнера .

Микроразметка OpenGraph.JPG

Данный вид микроразметки поддерживают такие сервисы, как Facebook, ВКонтакте, Google+, Twitter, LinkedIn, Pinterest и др. В сети Яндекс он используется для передачи данных в сервис Яндекс.Видео и для формирования заголовка сниппета.

Основными используемыми параметрами в данном случае являются следующие:

  • og:locale — тег локализации. По умолчанию — en_EN, для российских сайтов используем русскую локаль ru_RU.
  • og:type — . Чаще всего используется нейтральный article (статья). Для товара можно использовать тип .
  • og:title — заголовок страницы, ее название. Чаще всего содержимое этого тега — содержимое тега title страницы.
  • og:description — соответственно, описание страницы. Оно небольшое, 1–2 предложения сопровождающего текста.
  • og:url — адрес страницы, на которую будет вести ссылка.
  • og:site_name — название вашего web-сайта.
  • og:image — картинка, которой будет сопровождаться описание страницы при перепосте. Картинок может быть несколько, тогда при автоматическом перепосте будет подставляться первая из них, но пользователям будет предоставляться выбор, какую из картинок они хотят разместить.

Подробнее с OpenGraph можно познакомиться на .

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

  1. — базовый тип, позволяющий добавить название, ссылку, описание и картинку с минимальными размерами 144×144 пикселей (не поддерживается формат SVG).
  2. — практически повторение предыдущего, но уже с использованием большой картинки с минимальными размерами 300×157 пикселей. SVG так же не поддерживается, из анимированной GIF-картинки будет взят первый кадр. Поддерживаемые форматы JPG, PNG, WEBP и GIF.
  3. — эта разметка предназначена для видеоформатов. Действует только для защищенного протокола https.
  4. — микроразметка для различных приложений. При расшаривании будет ссылка на страницу скачивания в соответствующем магазине, название, цена, рейтинг и т д.

Для сайта, как правило, интересны только первые два вида. Они отличаются свойством: twitter:card, в котором указывается тип страницы, и картинками с соответствующими измерениями.

Микроразметка для Twitter.JPG

При этом заголовок (twitter:title) не может быть более 70 символов, а описание ограничено количеством 200 символов.

Как проверить себя?

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

  1. . Удобный и user-friendly сервис от Google. Для проверки можно вводить как url страницы, так и только микроразмеченный пример кода. Позволяет отследить на лету ошибки в своей микроразметке.
  2. Яндекса. Похожий инструмент, только от Яндекса, также позволяет проверить как отдельную страницу в интернете, так и просто пример кода.
  3. от Facebook. Помогает увидеть, как будет выглядеть ваша страница при перепосте.

Вывод

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

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

www.seonews.ru


You May Also Like

About the Author: admind

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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