В последнее время стало популярным размещать данные на сайте в соответствии с определенной структурой. Эти манипуляции - отнюдь не дань моде, а очень удобная разработка, которая навали микроразметкой. Осталось разобраться, для чего она требуется и какие преимущества сайту приносит.
Прежде всего необходимо пояснить, какие функции берет на себя микроразметка.
Упрощает жизнь роботам
Язык HTML, используемый в обычной разметке страницы, хорошо понятен поисковикам: при помощи его они выясняют схему, по которой составлен поступивший документ. Но вот разобраться со значением информации и собственно содержанием сайта - а именно этим занимается робот - не так-то просто.
Использование микроразметки ориентирует поисковых роботов на смысл передаваемого, а также заставляет их брать с сайта нужные данные для составления сниппетов (т. е. расширенных описаний). Кроме того, роботу легче описывать разнородную информацию (происшествия, компании, позиции и др.).
Упрощает поиск человеку
При наличии микроразметки страница в списке поисковика выглядит более читабельной. Таким образом, ее описание гораздо информативнее и дает большую гарантию перехода по ссылке. Иными словами, растет CTR.
Как выглядит описание при наличии микроразметки:
Как выглядит описание в отсутствие микроразметки:
Когда поисковик выделяет главное, Ваш ресурс подан в списке найденных четко и ясно, повышается его релевантность по запросу. Конечно, в глазах пользователя это выгодно отличает сайт от страниц с подобным содержанием. Одним словам, микроразметка повышает его позиции.
Данное преимущество ресурсов с микроразметкой заметили специалисты «Яндекса». Как они утверждают, такие сайты «цепляют глаз» пользователя, что не может не отразиться на его посещаемости. Причем речь идет не о случайных прохожих, которых завела «не туда» хитрая ссылка программиста, а о нужных людях - например, покупателях. Также «Яндекс» отмечает, что микроразметка сайта делает более удобным поиск для пользователей. Создатели портала даже выделили особый компонент качества поиска - «счастье пользователя». Те страницы, которые делают людей «счастливыми», поисковик поднимает вверх .
Микроразметка может выполняться в соответствии с разными стандартами. Вот наиболее распространенные:
Еще три года назад все крупные поисковики взяли в качестве основного стандарта разметки по смысловому значению вариант Schema.org. Он включает в себя несколько классов, которые описывают разнообразные схемы и их особенности. Составление разметки осуществляется в два захода:
- Указывается сама схема разметки;
- Выделяются конкретные ее особенности.
Например, нужно создать схему об адресах некоторых организаций.
В отсутствие микроразметки она будет выглядеть так:
А теперь пропишем выбранную для разметки схему:
Itemscope указывает на то, что между тегами
есть какая-то схема (сущность). Какого типа данная схема, поясняет itemtype . У нас это адрес организации, поэтому присутствует слово Organization . Больше информации о схеме Вы найдете .
Теперь перейдем к описанию особенностей (свойств) схемы.
Атрибут itemprop помогает выделить улицу (т.е. streetAddress ), индекс (postalCode ), город (addressLocality ). Подобным образом составляются и другие схемы.
Для начинающего микроразметчика неплохо было бы проверить, все ли выполнено как следует. Сделать это удобно в Google или в Yandex - по указанным ссылкам Вы перейдете на валидатор микроразметки .
На данный момент ни Яндекс, ни Google не используют возможности Schema.org на полную мощь. Оба этих наиболее популярных поисковика работают лишь с некоторыми сущностями этого стандарта. Можно полагать, что в скором времени их перечень расширится, однако прямо сейчас микроразметки стоит составлять со следующими схемами:
| Яндекс | |
| Адреса и организации | Мероприятия |
| Словарные статьи | Организации |
| Отзывы об организациях | Поддерживаемые типы приложений |
| Отзывы об автомобилях | Разметка для видео |
| Тест-драйвы | Расширенное описание веб-страниц: оценки в отзывах |
| Картинки | Расширенное описание веб-страниц: рецепты |
| Видео | Расширенное описание веб-страниц: элементы навигации |
| Рецепты | Расширенное описание веб-страниц: люди |
| Описание фильмов | Расширенное описание веб-страниц: музыка |
| Аккорды | Расширенное описание веб-страниц: отзывы |
| Расширенное описание веб-страниц: приложения | |
| Расширенное описание веб-страниц: товары |
Микроразметка Яндекс
Вот несколько примеров схем в микроразметке Яндекс :
Адреса и организации
Данная сущность присутствует практически на каждом ресурсе, которая сообщает координаты какой-либо компании. При помощи указанной схемы и пользования сервисом «Яндекс.Справочник» изображение описания в результатах поиска выглядит гораздо информативнее:
Словарные статьи
Сущность, имеющаяся во всевозможных справочниках, энциклопедиях, словарях и д.п. При использовании микроразметки Ваш ресурс подходит для платформы «Яндекс.Словари», которая значительно упорядочивает описание:
Отзывы об автомобилях
Сайты, где имеются отклики посетителей о транспортных средствах, стоит разметить в соответствии со схемой Review - тогда они попадут в приложение «Яндекс.Авто». Вот как будет выглядеть конкретный отзыв:
А таким его увидят пользователи в результатах поиска:
Другие схемы, рассматриваемые Яндексом, описаны .
Возможно, покажется обидным, что этот поисковик предпочитает работать со схемами узкой направленности - посвященными машинам, игре на музыкальных инструментах, фильмам и др. Правда, абсолютно всем ресурсы могут воспользоваться микроразметкой для картинок, видео и адресов. И это радует.
Микроразметка Google
Google микроразметка в этом плане продвинулась гораздо дальше. Вот где ее удобно применять.
Schema.org - это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года.
Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.
- Зачем нужна микроразметка
- Основные принципы разметки
Зачем нужна микроразметка
Используя семантическую разметку, вы можете улучшить представление сниппета вашего сайта в результатах поиска.
Сравните сниппеты в поисковой выдаче для страницы сайта, участвующего в партнерской программе Яндекс.Словарей – неразмеченного и размеченного семантической версткой.
Стандарт представляет из себя набор классов, описывающих всевозможные сущности и их свойства. Сейчас их уже несколько сотен. Постоянно идет работа по улучшению стандарта, добавляются новые свойства, уточнятся существующие.
Познакомиться с описанием стандарта можно на официальном сайте в разделе документация .
Также существует неофициальный и пока неполный перевод стандарта на русский язык на сайте: http://ruschema.org/ .
Основные принципы разметки
Любая разметка Schema.org производится в два шага:
Оборачивание описания определенного типа в контейнер с указанием схемы разметки:
Разметка отдельных свойств с указанием на конкретное свойство схемы:
Льва Толстого, 16
Документ без разметки
Документ с разметкой Schema.org
Как начать использовать schema.org
Инструменты внедрения микроразметки
Как Яндекс использует размеченные данные
Семантическая разметка контента используется различными сервисами Яндекса:
- Разметка рецептов помогает Поиску формировать специальные сниппеты для страниц с такой разметкой.
- Разметка описаний фильмов помогает Поиску формировать специальные сниппеты для страниц с такой разметкой.
- Разметка творческих работ помогает Поиску формировать специальные сниппеты для страниц с такой разметкой.
Разметка товаров и их стоимости
Разметка информации о программах (приложениях, компьютерных программах, играх и т. д.) помогает Поиску формировать специальные сниппеты для страниц с такой разметкой.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
В открывающем теге добавляем атрибут itemscope. Это означает, что данный тег содержит некую сущность. Обозначим тип сущности атрибутом itemtype, сразу после itemscope. Названия типов имеют вид URL. Обозначение типов микроданных можно найти на официальном сайте Schema.org. У нас же название типа http://schema.org/Article.
После объявления сущности, обозначим ее свойства. Синтаксис свойств сущностей можно найти на официальном сайте Schema.org. Для объявления свойств используется атрибут itemprop. Аналогично находим на странице тег, содержащий заголовок нашей статьи. Теперь добавим атрибут с названием свойства. У нас название свойства - заголовок name.
CMS с точки зрения SEO
Аналогично объявляются все свойства сущности. Ниже перечислим:
3 декабря 2014 года CMS
После того, как мы определили сущность и ее свойства необходимо внести соответствующие правки в коде страницы, то есть добавляем дополнительные атрибуты в теги. В результате мы получаем семантическую разметку страницы блога. Несложно, правда же?
Если у вас будут возникать вопросы или сомнения, всегда обращайтесь на официальный сайт. На нем собрана все необходимая информация по сущностям и ее свойствам, а также примеры семантической разметки Schema.org использования в разных ситуациях.
Сегодня много внимания уделяется структурированной разметке данных (микроразметке). Зачем она нужна, почему лучше с ней, чем без нее, и как ее использовать? В этой статье постараемся ответить на эти вопросы.
В первую очередь коротко объясним, в чем же польза разметки данных.
Микроразметка помогает роботу
Стандартная HTML разметка помогает понять поисковой системе, как будет выглядеть документ схематически. Проанализировать семантику и содержание документа роботу намного сложнее.
Внедряя микроразметку, мы помогаем поисковому роботу лучше понимать суть контента и извлекать нужную информацию с сайта для формирования сниппетов. Микроразметка дает возможность описывать различные типы информации (мероприятия, организации, рейтинги и т.д.), доступным для робота языком.
Микроразметка помогает пользователю
Благодаря данным из микроразметки формируется расширенное описание (сниппет) документа в результатах поиска, что в свою очередь делает ваш сниппет полезнее и привлекательнее для клика, а значит, увеличивает CTR.
Сниппет страницы с микроразметкой:
Сниппет страницы без микроразметки:
Если ПС лучше понимает смысл документа, ваш сайт становится более релевантным запросу и более заметным в результатах поиска, т.е. микроразметка косвенно влияет на позиции сайта.
Косвенное влияние микроразметки на ранжирование сайта подтверждает и сам Яндекс:
Разметка может сделать ваш сайт более заметным в Поиске Яндекса и таким образом привлечь больше посетителей, принадлежащих целевой аудитории. Яндекс же заинтересован в том, чтобы пользователи решали свои задачи с помощью Поиска. Одна из метрик качества Поиска так и называется — «счастье пользователя». Сайты, повышающие «счастье», ранжируются выше. Подробнее .
Существует несколько различных стандартов микроразметки. Самые популярные из них:
В 2011 году мировые поисковые системы приняли schema.org за единый стандарт семантической разметки. В связи с этим рассмотрим этот стандарт более подробно.
Schema.org представляет собой набор классов, описывающих различные схемы и их свойства. Формирование разметки происходит в два этапа:
- Указание схемы разметки.
- Указание отдельных свойств схемы.
Рассмотрим пример формирования схемы «Адреса и организации» .
Без разметки:
Указываем схему, которую мы хотим использовать:
Описываем свойства схемы: Проверить, правильно ли размечен документ, можно в специальных валидаторах: Сегодня Яндекс и Google поддерживают не все сущности, представленные в schema.org, но список постоянно пополняется. Примеры разметки по схемам, поддерживаемым Яндекс
Эта схема разметки подойдет почти всем сайтам, на которых есть адрес организации. Используя эту разметку и участвуя в сервисе «Яндекс.Справочник», можно улучшить отображение сниппета в результатах поиска: Если сайт справочного или словарного типа, то размечая страницу по этой схеме, можно принять участие в программе «Яндекс.Словарей» (подробнее ), что улучшит отображение сниппета: Если страницы с отзывами на автомобильных сайтах размечены по схеме Review и сайт подключен к партнерской программе Яндекс.Авто , то отзывы будут отображаться на страницах Яндекс.Авто: Подробнее об использовании остальных схем для Яндекс вы узнаете, перейдя сюда . Как видно, большая часть схем, поддерживаемых Яндексом, рассчитана на узкоспециальные сайты (автомобили, аккорды, кинофильмы), исключением являются лишь следующие схемы: картинки , видео и адреса . Эти схемы поддерживаются любыми сайтами. У Google таких ограничений нет. Например, схема Review будет работать не только для автомобильных сайтов (как у Яндекса), но и для любых ресурсов, которые содержат отзывы. Примеры разметки по схемам, поддерживаемым Google
Помогает роботу собрать информацию об отзыве на товар, предоставить пользователю рейтинг (в виде звезд) и имя автора отзыва в результатах поиска. С помощью этой схемы можно размечать как отдельные отзывы, так и сводные (например, общее число отзывов). Пример сниппета отдельного отзыва: Пример сниппета сводного отзыва: Если вы проводите различные мероприятия и публикуете информацию о них на сайте, то благодаря микроразметке Google покажет ее в результатах поиска, сформировав вот такой сниппет: Это необходимая схема разметки для любого интернет-магазина. С ее помощью Google сможет показать в результатах поиска дополнительную информацию о вашем товаре (цена, размеры, наличие и т.д.): Такой сниппет становится заметнее и будет привлекать больше покупателей. Мы рассмотрели лишь часть схем, которые поддерживает Google, подробнее узнать обо всех вариантах микроразметки вы можете . Для удобства формирования разметки есть специальные инструменты. Schema.org creator
- это официальный генератор разметки. С его помощью можно получить код основных схем. Для этого нужно просто выбрать схему, заполнить поля и скопировать полученный код. Маркер
- если вы не знаете, как внедрить микроразметку в код вашего сайта, этот инструмент поможет разметить и отправить данные, используя только мышь, редактировать сам код не нужно. Главный минус данного сервиса в том, что структурированные данные отправляются только в Google, Яндекс их не увидит. Подводя итоги
, хотим сказать, что сегодня необходимо использовать все возможности структурированной разметки данных, т. к. это помогает поисковым системам лучше понимать смысл ваших сайтов, а пользователям становится удобнее ими пользоваться. Чтобы быть первым в выдаче поисковых систем, нужно постоянно работать над улучшением сайта и делать его максимально удобным. И микроразметка - один из инструментов, который поможет вам в этом. Еще по теме: Евгений Аралов SEO-аналитик сайт Продвигаю сайты с 2009 года. Выступал на конференциях AllInTop, Optimization Публикую полезные статьи на различных блогах: сайт, optimizatorsha.ru, searchengines.ru и веду Telegram-канал. Сейчас руковожу SEO-отделом в компании SiteClinic: строю и координирую команду, обучаю специалистов. Что такое и зачем нужна микроразметка
Микроразметка - стандарт семантической оптимизации. Стандарт был представлен поисковиками Google, Bing и Yahoo летом 2011 года. Осенью того же года стало известно о поддержке стандарта отечественной поисковой системой Яндекс. Микроразметка позволяет роботам точнее определять и структурировать информацию на страницах сайтов. По данным Яндекса, на август 2012 года микроразметку используют порядка 10% сайтов рунета. Микроразметка выполняется добавлением в HTML-код страницы специальных тегов, в которых размещается различная полезная информация. Различают такие виды разметки, как: микроформаты, микроданные и RDFа. Микроданные
Способ разметки (актуальный в HTML5), который описывает специальные данные. Например, данная разметка может содержать отзывы, информацию о дате и времени мероприятия, человеке и т.д. Микроданные применяют простые атрибуты HTML-тегов ( Микроформаты
Это простые сущности, служащие для описания типа информации на странице. У каждой сущности есть свои свойства. К примеру, если мы описываем мероприятие, то его свойствами будет место, дата, время проведения и т.д. Микроформаты подразумевают применение атрибута class в таких тегах, как Ещё один способ разметки. Работает по той же схеме: с сущностями (и их свойствами) и элементами. Главное преимущество - расширенные возможности. Сегодня специалисты Гугл и Яндекс рекомендуют использовать для разметки метод микроданных
(Schema.org). Метод сочетает в себе простоту и широкие возможности.
О пользе микроразметки
Микроразметка указывает поисковым роботам информацию, которую следует обрабатывать. Это позволяет добиться улучшенной релевантности страницы для поисковых роботов и пользователей. В первую очередь присутствие микроформата или микроданных на странице отражается на сниппете (описании), который сопровождает ссылку на сайт в поисковой выдаче. Сниппет содержит более полное описание страницы, основные разделы сайта, ценовой диапазон товаров, фотографии адреса, номера телефонов и так далее. Но давайте перейдём от абстрактного описания к примерам. Так выглядит сниппет страницы без использования микроразметки:
А так с использованием микроразметки:
Разница налицо. Грамотный сниппет способен привлечь качественный поисковый трафик, то есть пользователей, которые заинтересованы в информации, представленной на сайте. С помощью подобного сниппета пользователь понимает, та ли это страница, которая ему нужна. Что такое Schema.org?
Schema.org - набор словарей, используемых для описания объектов и сущностей на страницах сайтов. Стандарт использует микроданные. В стандарте Schema.org есть порядка 550 классов, но их число неуклонно растёт. Некоторые классы поддерживаются сервисами Яндекса. Пример кода для карточки товара:
Основные принципы разметки
:
Влияние микроразметки на ранжирование
В Яндексе
Разметка делает ресурс более заметным для пользователей в поисковой выдаче. Яндекс же радеет за то, чтобы пользователи получали ту информацию, которая пытались найти. Поэтому и была внедрена метрика «счастье пользователя». Если сайт с микроразметкой повышает «счастье пользователя», то он ранжируется выше. В
Google
По данным на октябрь 2012 года, Google не берёт в расчёт микроразметку для повышения позиций сайтов. Валидатор микроразметки
Для того чтобы веб-мастерам не приходилось многократно переделывать разметку, Яндекс разработал валидатор. При помощи валидатора можно проверить всю разметку, чтобы убедиться, что все поисковые роботы адекватно извлекают данные. Валидатор поддерживает микроданные, микроформаты, RDFa и schema.org. Валидатор и инструкция к нему находятся . Заключение
Микроразметка - надёжный инструмент, позволяющий сделать ресурс более структурированным и клиенториентированным с точки зрения пользователей и поисковых роботов.
Itemscope обозначает, что код в блоке 
При помощи атрибута itemprop
мы размечаем свойства схемы: улицу (streetAddress), индекс (postalCode), город (addressLocality). Таким же образом размечаются и остальные схемы.
Ниже представлена таблица схем, которые поддерживают Google и Yandex:
Рассмотрим некоторые примеры разметки отдельно для Yandex и Google.Адреса и организации
Словарные статьи
Отзывы об автомобилях
И в результатах поиска:
Отзывы
Мероприятия
Товары
Полезные инструменты
Кровать Мелисса с мягкой спинкой
Возможно вас заинтересует
Обзор: creative aurvana in-ear3 plus — великолепные арматурные наушники с двойными излучателями Впечатления от прослушивания
Легкая запись образа на флешку
Orange Pi Lite - обзор, установка и настройка операционной системы Распаковываем Orange Pi One
Прошивка или перепрошивка телефона Prestigio MultiPhone