Как стать заметным на выдаче с помощью микроразметки?

Микроразметка сайта от А до Я: исчерпывающая информация для SEO-специалиста

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

Что такое микроразметка сайта

Объясним на примере.

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

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

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

Так выглядит сниппет с микроразметкой:


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

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

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

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

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

    — язык роботов поисковых систем Яндекс и Google. Отметим, что его также понимают Bing и Yahoo, и другие роботы менее известных поисковых систем. Schema.org — самый распространенный язык микроразметки. несколько лет назад его приняли за всеобщий стандарт разметки данных. Узнать подробнее про Schema.org. — способ разметки информации, используемый роботами социальных сетей. Разработала его Facebook, но подхватили Вконтакте, Twitter, Google+, LinkedIn и все остальные. Используется для отображения превью в новостной ленте пользователя. Также этот язык понимает Яндекс.Видео. Узнать подробнее про OpenGraph.

  • JSON-LD — способ описания содержания страницы с помощью языка связанных данных. Описанная таким образом информация видна для роботов, но скрыта от людей. Чтобы было понятно: этот язык различает Яндекс.Почта, но оставляет без внимания поисковой робот Яндекса. Может быть использован в качестве дополнения к Schema.org (кстати, структурированные таким образом данные выглядят красивее). Узнать подробнее о JSON-LD. — альтернативный способ разметки гипертекста через атрибут “class”. Например, задаем тег <div >, то есть сообщаем роботу о том, что внутри <div> помещен адрес.

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

  • Schema App — набор платных инструментов, позволяющих использовать язык Schema.org без их изучения.
  • Microdata Generator Using Schema.org + JSON-LD — инструменты, позволяющие структурировать информацию по принципам Schema.org.
  • Разные плагины и расширения для разных языков и платформ, на которых строится сайт — как самописных на PHP, Javascript, Python, так и созданных на WordPress, Joomlah, Drupal.

Больше информации — в помощи вебмастеру, от Яндекса.

Как проверить наличие микроразметки на сайте

  • Проверяйте наличие микроразметки в Валидаторе Яндекса.


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

  • Другой вариант — использовать Structured Data Testing Tool от Google.


Работайте в нем по аналогии с Валидатором — введите адрес в строку и нажмите “запустить тест”.

В чем разница? Валидатор Яндекса отображает при анализе конкретные элементы и их свойства (без контекста). Structured Data Tool от Google показывает весь код, и элементы микроразметки видны в контексте всего кода страницы.

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

При выдаче робот системы может игнорировать микроразметку. Это происходит либо из-за системного сбоя, либо из-за ошибки в разметке. Истинную причину можно легко установить — при помощи Валидатора и Structured Data Testing Tool.

Вставьте фрагмент HTML-кода в поле под надписью.



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

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

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

Как внедрить микроразметку информации Schema.Org на сайт, и что это дает?

Информационная микроразметка, которая иногда также именуется семантической разметкой (Semantic Markup), не является фактором ранжирования ни в Google, ни в Яндексе. Добавление ее на сайт не поможет вам продвинуть страницы в топ. Но внедрить семантическую разметку все равно стоит.

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

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

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

пример расширенного сниппета сайтаСниппет с подробной разметкой рецепта

Как составить разметку Schema.Org

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

Многие рекомендуют использовать в качестве синтаксиса не Microdata, а JSON-LD, потому что тот способ проще и короче. В каталоге schema.org есть примеры и для записи Microdata, и для JSON-LD.

Для внедрения Schema.org нужно два шага:

  1. Оборачиваем в контейнер описание и указываем схему разметки:
  2. Размечаем свойства:

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

— itemscope дает боту сигнал, что на странице описан объект;
— itemtype указывает тип объекта из официальной коллекции разметки;
— itemprop содержит описание объекта.

Чаще всего используют разметку таких типов:

  • организации — schema.org/Organization;
  • товары — schema.org/Product;
  • статьи — schema.org/Article;
  • видео — schema.org/VideoObject;
  • рецепты — schema.org/Recipe;
  • фильмы — schema.org/Movie;
  • музыка — schema.org/MusicAlbum;
  • отзывы и рейтинг — schema.org/Review;
  • личности и персонажи — schema.org/Person.

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

мастер разметки структурированных данныхРабота с инструментом

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

Разметка для главной страницы

Логотип и название компании:

С помощью разметки в сниппет можно вывести поиск по сайту:

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

Разметка товара schema.org и «хлебных крошек»

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

пример сниппета с разметкой товараПример разметки товара с ценой

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

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

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

Структурирование контактной информации

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

Разметка статьи

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

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

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

пример сниппета с рейтингомСниппет статьи с рейтингом

Разметка рецептов

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

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

пример расширенного сниппета с рецептомСниппет с рецептом

Разметка для фильма

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

сниппет фильма примерПример сниппета фильма

Как внедрить Schema.Org на сайт

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

Если вы работаете на WordPress, используйте один из плагинов:

  • самый популярный плагин Schema; ; ; ; .

Если на Drupal, то для него тоже есть модуль Schema.org.

Для Joomla! есть расширение J4Schema.org, которое работает с редактором JCE.

Как проверить корректность разметки Schema.Org

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

Наличие микроразметки Schema.Org и Open Graph проверит сервис «Анализ сайтов». Кроме сводки по 70+ тестам, он определит, корректно ли установлена микроразметка, и покажет превью ссылки с Open Graph

проверка микроразметки Schema.Org и Open GraphПроверка микроразметки в сервисе

Есть и отдельные инструменты для проверки только разметки. В случае Google для проверки корректности применяется инструмент Structured Data Testing Tool. Разметку можно проверить на любом сайте: введите в поле URL или фрагмент кода и запустите проверку, а инструмент покажет ошибки и предупредит, какие графы еще можно заполнить.

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

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

проверка микроразметки онлайнРезультаты проверки валидатором

Рекомендуем проверять через оба инструмента, чтобы удостовериться, что и Яндекс, и Google верно считывают информацию. Обратите внимание, что если доступ к странице заблокирован в robots.txt, с помощью метатега noindex или другим способом, бот не сможет считать разметку.

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

Как стать заметным на выдаче с помощью микроразметки?

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

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

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

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

Давайте сначала разберем разметки в Яндексе

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

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

В зависимости от того, какого типа наш сайт мы можем использовать те или иные микроразметки:

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

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

Адреса организации применимы к любому сайту, который имеет контактные данные (Телефон, адрес).

Так будет отображаться сайт на выдаче Яндекса:

Вот что говорит на это справка Яндекса:

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

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

Адресный колдунщик.

Примечание. Яндекс не гарантирует отображение сниппета и адресного колдунщика в результатах поиска.

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

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

Данная микроразметка подходит всем сайтам без исключения, содержащие видеоконтент.

Вот что Яндекс отвечает в Справке

На выдаче же видеоролики будут выглядеть так:

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

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

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

Данная микроразметка подходит сайту/сервису Ответы на вопросы.

Требования к данному типу микроразметок такие:

А вот так будет выглядеть разметка изнутри:

<div itemscope itemtype http://schema.org/Question">»>http://schema.org/Question&quot;&gt;

<h1 itemprop=»name»>Зайцы умеют плавать?</h1>

<div itemprop=»acceptedAnswer» itemscope itemtype http://schema.org/Answer">»>http://schema.org/Answer&quot;&gt;

<meta itemprop=»upvoteCount» content=»3″ />

<div itemprop=»text»>Превосходно плавают! Однажды, работая на небольшом острове, расположенном в Северном архипелаге Белого моря, я стал свидетелем того, как два зайца — беляка по собственной инициативе приплыли на мой остров через холодный морской пролив, шириной более трехсот метров. Попрыгали на берегу и поплыли обратно на материк.

</div>

</div>

<div itemprop=» suggestedAnswer» itemscope itemtype http://schema.org/Answer">»>http://schema.org/Answer&quot;&gt;

<meta itemprop=»upvoteCount» content=»1″ />

<div itemprop=»text»>Если бы умели, Мазай их бы не спасал.</div>

</div>

</div>

Кулинарные рецепты

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

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

Так выглядят требования по микроразметке

Готовый пример микроразметки по рецептам:

Фильмы

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

У вас получится такой код

На выдаче вы получаете такой вариант, когда вводите название определенного фильма (Например Интерстеллар)

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

Чтобы проверить микроразметку своего сайта перейдем в сервис Яндекс Вебмастер. Перейдем в раздел Инструменты ->Валидатор микроразметки.

Проверим его на различных примерах:

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

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

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

Далее переходим во вкладку Вид в поиске -> Маркер

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

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

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

После нажимаем далее и проверяем статьи на корректность. В конечном варианте должно получится что-то подобное.

Далее нажимаем Опубликовать и после этого у нас в разделе Маркера появляется метка Статьи по статус “Опубликовано”.

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

Чтобы удостоверится что разметка работает корректно необходимо воспользоваться сервисом от Google. Вписываем в поле адрес страницы вашего сайта и нажимаем “Запустить тест”.

Как мы видим на главной страницы нашего блога Edison.bz ошибок нет.

Заключение

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

Микроразметка и SEO: какая микроразметка и когда необходима? Особенности настройки

Всем привет! Меня зовут Алексей Сидей, я основатель агентства интернет-маркетинга «WEDEX» и один из авторов телеграм канала «Интернет-маркетинг простым языком». И сегодня хочу начать свой блог с очень интересной темы о микроразметках.

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

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

Вариант контентной микроразметки, который поддерживается Google, Яндекс, Yahoo, Bing. Позволяет вывести в сниппет рейтинг, отклики, цены и др.

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

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

При разработке кода применяются такие теги синтаксиса: og:title, og:description, og:image, og:url, og:type.

Разметка Microformats.org содержит различные типы объектов и отображение их характеристик. С ее помощью описываются продукция, мероприятия, фирмы, рецепты и пр. Наиболее распространенный — hCard.

Присутствие микроразметки – подтвержденное условие ранжирования сайта. Google советует применять JSON-LD.

Это микроразметка хлебных крошек на страницах сайта. Часто вебмастера допускают ошибку при разметке хлебных крошек – делают разметку для каждой ХК отдельно.

Общая микроразметка контактной информации сайта, которая уместна для любых контактов и типов ресурсов. Данная микроразметка может быть использована как отдельно, так и внутри разметки Website. Размечать стоит все контактные данные, к примеру как тут https://best-time.biz/kharkiv, где было применено небольшую seo-хитрость и размечено данные, которых по факту на странице нет:

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

review и additionalProperty – это множественные данные, если на сайте несколько отзывов и много характеристик то данные блоки в разметке повторяются.

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

· «brand» – использовать наименование сайта;

· «sku» – применять артикул;

· «description» – использовать дескрипшен;

· Глобальный идентификатор товара, например, код GTIN, MPN или ISBN – применять артикул;

· «priceValidUntil» – указать дату, до которой цена актуальна;

· «url» – уточнить УРЛ страницы продукта;

· «availability» – присутствие товара:

o in_stock – в наличии;

o out_of_stock – нет в наличии;

o preorder – предзаказ.

· Недопустимый формат значения цены для элемента данных «price» – в стоимости не должны быть пробелы, точки, запятые и т.д.

Нет это не ошибка) Речь пойдет о дочерних разметках AggregateOffer и AggregateRating.

· AggregateOffer – указывает на объем ассортимента и ценовой диапазон

· AggregateRating – показывает средний рейтинг товаров по категории

Советую использовать данные 2 микроразметки вместе и применять ко всем интернет-магазинам. Это позволит улучшить сниппеты категорий и подкатегорий за счет вывода рейтинга и ценового диапазона. Вот как это выглядит (пример разметки — https://mebelons.ru/catalog/divany/pryamye-divany/):

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

Это важное нововведение относительно микроразметки для Google, с помощью которого можно расширить сниппет за счет вывода от 2 до 4 часто задаваемых вопросов по теме поискового запроса.

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

Все вопросы и ответы сделаны при помощи автоматической генерации и размещены по всем категориям сайта:

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

Микроразметка в Яндекс и Google. Как и зачем её использовать

like96

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

Внимание! У нас вышла новая статья с актуальными данными по микроразметке сайтов, прочитать её можно по ссылке

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

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

Микроразметка помогает роботу

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

Семантический вид документа

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

Микроразметка помогает пользователю

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

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

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

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

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

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

Косвенное влияние микроразметки на ранжирование сайта подтверждает и сам Яндекс:

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

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

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

В 2011 году мировые поисковые системы приняли schema.org за единый стандарт семантической разметки. В связи с этим рассмотрим этот стандарт более подробно.

Schema.org представляет собой набор классов, описывающих различные схемы и их свойства. Формирование разметки происходит в два этапа:

  1. Указание схемы разметки.
  2. Указание отдельных свойств схемы.

Рассмотрим пример формирования схемы «Адреса и организации».

Пример кода без микроразметки

Указываем схему, которую мы хотим использовать:

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

Itemscope обозначает, что код в блоке <div></div> содержит некую схему (сущность). Тип схемы обозначает itemtype . В нашем случае схема, описание которой заключено в <div> , представляет собой адрес организации (Organization). Подробнее о схеме можно прочитать здесь.

Описываем свойства схемы:

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

При помощи атрибута itemprop мы размечаем свойства схемы: улицу (streetAddress), индекс (postalCode), город (addressLocality). Таким же образом размечаются и остальные схемы.

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

Сегодня Яндекс и Google поддерживают не все сущности, представленные в schema.org, но список постоянно пополняется.
Ниже представлена таблица схем, которые поддерживают Google и Yandex:

Таблица схем, которые поддерживают Google и Yandex

Рассмотрим некоторые примеры разметки отдельно для Yandex и Google.

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

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

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

Отображение сниппета организация

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

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

Отображение сниппета словарные статьи

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

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

Отзыв в Яндекс.Авто

И в результатах поиска:

Отзыв в Яндекс.Авто появляются в поиске

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

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

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

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

Отзывы

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

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

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

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

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

Мероприятия

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

Пример отображения сниппета Мероприятие

Товары

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

Пример отображения сниппета Товар

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

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

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

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

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

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

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

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

Микроразметка сайта: чек-лист для SEO-специалистов и новичков

Facebook

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

Микроразметка сайта: что это и для чего

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

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

5 причин добавить микроразметку:

  • Размеченные данные помогают поисковым системам маркировать контент, а также быстрее и проще находить важную информацию.
  • Микроразметка страниц улучшает привлекательность сниппетов, что приводит к увеличению кликабельности, CTR, что в свое время, косвенно влияет на общую посещаемость ресурса. Больше данных в сниппете -> сниппет заметнее для пользователя -> повышается вероятность перехода.
  • Расширенные сниппеты улучшают поведенческие факторы и способствует росту позиций в выдаче.
  • Благодаря микроразметке интернет-магазина поисковые роботы понимают, какой контент они обрабатывают – где товар и его цена, а где комментарии о нем и характеристики. Если вы дадите ботам маркированное содержание своего веб-ресурса, они быстрее проведут его анализ и повысят релевантность по конкретным ключевым запросам.
  • Микроразметка страницы позволяет отобразить в сниппете поисковиков более полную информацию – описание интернет-ресурса, список разделов, контакты и прочую важную информацию. Такой подробный информативный сниппет привлекает больше трафика из поиска. Пользователям намного легче понять – соответствует ли данная страница их поисковому запросу или нет.

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

Расширенный сниппет и его отличия от обычного

Основная масса страниц в поисковой выдаче отображаются привычно: название + описание + локация – это стандартный сниппет.

Стандартный сниппет и расширенный

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

  • Создают максимально полный ответ на задаваемый запрос.
  • Увеличивают число кликов из поиска.

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

Выгоды от внедрения расширенных сниппетов

  • Исследование авторитетного издательства Search Engine Land доказало, что внедрение расширенных сниппетов увеличивает число переходов из поисковиков.
  • Хотя микроразметка на прямую не влияет на ранжирование веб-сайта, структурированные сниппеты улучшают позиции в поиске за счет влияния на поведение пользователей. Благодаря разметке, человек видит, что на веб-сайте находится полезный для него контент и делает выбор в его пользу.
  • Голосовые помощники и онлайн-системы «вопрос-ответ» (Siri, Google, Alexa) активно используют расширенные сниппеты, чтобы ответить на запросы пользователей.

Удаление расширенных сниппетов и санкции

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

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

За манипуляции с микроразметкой вашему сайту грозят следующие санкции:

  • В «Product» запрещено использовать ключевые запросы, а название бренда должно быть точным.
  • Для разметки страницы с категориями товаров Product использовать запрещено.
  • Если вы создаете инструкции не по теме рецептов, нельзя использовать Recipe.

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

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

Разработка сотрудников Facebook, которую быстро взяли в оборот ВК, Твиттер, LinkedIn и другие социальные сети. Словарь также понимает сервис Яндекс.Видео. Формат позволяет создавать превью в новостной ленте и подходит для разработки мобильных приложений.

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

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

Микроформаты

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

Какой вид микроразметки лучше?

Сейчас самым часто используемым форматом остается Schema.org, однако популярность JSON-LD стремительно набирает обороты.

Разновидности форматов микроразметки

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

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

Например, цепочка хлебных крошек «Главная > Каталог футболок > Мужские футболки» с разметкой микроданными будет выглядеть так:

В первой строчке говорим, что используется микроразметка Schema.org, а дальше:

  • Itemscope – блок задает элемент.
  • Itemtype – тип элемента (в данном случае – навигация).
  • BreadcrumbList – перечень пунктов в крошках.

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

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

Микроразметка товаров и услуг

С помощью разметки можно выделить в расширенном сниппете:

  • Название бренда.
  • Изображение.
  • Описание и характеристики.
  • Наличие на складе.
  • Цена.

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

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

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

Подробнее о данном типе разметки можно прочитать в разделе Product Snippet.

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

Благодаря такой разметке сниппет получает логичную структуру, более понятную для читателя. Для разметки статьи используются атрибуты:

  • headline – название.
  • datePublished – время публикации.
  • image – изображение.
  • articleBody – текст.
  • author – автор.
  • publisher – название публикующего ресурса.

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

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

Микроразметка для отзывов

Для семантической разметки отзывов и текстовых комментариев к товару / услуге / статье указываются параметры:

  • Заголовок.
  • ФИО автора.
  • Дата добавления.
  • Текст комментария.
  • Оценка товару / услуге / статье.

Микроразметка для отзывов

Можно применить блок Rating с минимальной worstRating и максимальной bestRating оценкой.

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

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

  • Ссылка на фото.
  • Описание и имя.
  • Размеры.

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

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

  • Заставка.
  • Название.
  • Описание.
  • Длительность.
  • Трейлер и т.д.

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

Часто пользователи ищут ролики и фильмы не только по названию – в строчку поисковика могут забивать имя главного героя, актеров, режиссёра.

Подробнее про разметку "video" читать тут – Google Video Snippet.

Микроразметка страницы Q&A

Страницы формата «вопрос-ответ» могут размечаться несколькими вариантами:

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

Микроразметка страницы с вопросами-ответами

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

Разметка Recipe применяется исключительно к рецептам и обязательно содержит:

  • Время приготовления.
  • Список ингредиентов.
  • Изображение блюда.
  • Пошаговая инструкция.

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

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

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

  • Контактные данные организации.
  • Товары / услуги с ценами.
  • Видео.
  • Новости, блоги.
  • Вопросы и ответы.
  • Изображения.
  • Рецепты.
  • Программы, игры.
  • Статьи.
  • Фильмы.
  • Книги.

Гугл дополнительно к вышеперечисленному списку использует Event (Мероприятия), Review (Обзоры), Carousel (Карусель), Job Posting (Вакансии и работодатели).

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

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

    . – с его помощью можно проверить отдельные страницы сайта. – бесплатный онлайн-сервис проверки микроразметки от Google.

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

Внимание! Эти инструменты проверяют только синтаксис. За корректность данных в коде они не отвечают – правильность описания сущностей нужно проверять самостоятельно.

0 0 голоса
Рейтинг статьи

ментовские войны 12 сезон краткое содержание серий

тачки 4 дата выхода трейлер на русском

я четвертый 2 трейлер

Ссылка на основную публикацию