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

Микроразметка и 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% случаев.Это не все микроразметки, которые можно использовать при продвижении, больше о них вы можете узнать в блоге.

Источник

Schema.org своими руками: настраиваем микроразметку без программиста

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

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

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

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

Schema.org — стандарт семантической разметки данных, который помогает поисковикам лучше понимать данные, представленные на сайте. Например, с помощью разметки можно явно указать поисковым роботам, что на странице site.ru/product_page1 находится товар, и передать основные параметры: название, цену, артикул, производителя и т.д. На основе этих данных поисковики формируют расширенные сниппеты в поисковой выдаче.

Кроме Schema.org есть другие виды микроразметок. У них разные назначения, поэтому вкратце приведем свойства основных видов, чтобы не путать:

Разница между словарем и синтаксисом

Словарь — это набор классов и свойств, которые описывают тип содержимого страницы и передают ключевую информацию. Словарь можно сравнить с языком — например, английским. Schema.org, Open Graph, Dublin Core — все это словари.

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

Варианты синтаксиса, которые применяются для разметки Schema.org:

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

Чем различаются сайты с разметкой и без нее

Сайты с реализованной микроразметкой видно по сниппетам на странице поисковой выдачи. Вот пример: в выдаче два сниппета с одного и того же сайта, первый — с микроразметкой, второй — без нее.

А так выглядит сниппет страницы с афишей кинофильмов, если на странице есть микроразметка:

С помощью микроразметки в сниппетах страниц товаров отображаются цены:

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

Больше информации о разметке Schema.org, а также перечень поддерживаемых сущностей — в справке Яндекса.

А здесь — виды расширенных результатов поиска в Google (отображаются для сайтов с реализованной микроразметкой).

Что говорят поисковики

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

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

Чем еще полезна микроразметка

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

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

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

Словарь Schema.org

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

Весь список сущностей и документация — на официальном сайте schema.org.

На скриншоте — часть сущностей (слева) и свойств сущности Thing (в правой части скриншота)

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

Оптимальный синтаксис

Мы уже упоминали о том, что для Schema.org подходят четыре вида синтаксиса:

Первые три имеют ряд недостатков и теряют популярность, а последний (JSON-LD) — используется все чаще.

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

Но есть проблема: Яндекс пока не поддерживает синтаксис JSON-LD на поиске (хотя использует его в Яндекс.Почте). Поэтому, если вы продвигаетесь в Рунете (а скорей всего так и есть), вам этот синтаксис нет смысла использовать. В таком случае ваш выбор — микроданные или RDFa (микроформаты тоже вариант, но их используют не так часто — этот синтаксис имеет ряд ограничений и устарел по сравнению с другими стандартами).

Если ваш продукт или бизнес направлен на западный сегмент интернета и Google для вас в приоритете — используйте JSON-LD.

JSON-LD

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

JSON-LD в базовом виде выглядит так:

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

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

Как делать разметку JSON-LD

Ручная разметка в JSON-LD (да и в любом другом синтаксисе) — рутинная задача, отнимает много времени и всегда остается риск допустить ошибку. Упростить задачу можно с помощью генераторов JSON-LD, вот несколько популярных:

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

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

Для проверки кода используйте валидаторы от поисковиков:

Куда вставлять JSON-LD?

Если код валиден (валидатор не нашел ошибок) — можете смело добавлять разметку на сайт. Для этого код нужно вставить между тегами и на целевой странице.

Микроданные

В микроданных используется язык разметке HTML (в JSON-LD — JavaScript). Работать с этим синтаксисом сложнее — код разметки нужно прописывать в теле контента.

В основе микроданных — три атрибута:

Вот как это выглядит:

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

Сервисы для генерации микроданных

Хорошая новость в том, что для микроданных также существуют специальные сервисы-генераторы:

Сгенерируйте код и проверьте его на наличие ошибок (теми же сервисами).

Внедряем микроразметку самостоятельно и без знания кода

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

Автоматическая разметка страниц с помощью Маркера данных

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

Чем удобен инструмент:

Как пользоваться

Переходим в Маркер данных и выбираем подтвержденный ресурс;

Роботы Google просканируют страницы сайта и учтут заданную микроразметку.

Как изменить или убрать микроразметку

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

Обратите внимание! Маркер передает данные только для робота Google. Если вы продвигаетесь в Яндексе, вам все равно придется добавлять код микроразметки на страницы. К счастью, для этого по-прежнему не обязательно знание кода.

Сайт на CMS? Используйте плагины

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

Настройка микроразметки в плагине Schema: пошаговая инструкция

Установите плагин и кликните по разделу Schema, который появится в боковом меню админпанели. Перейдите в раздел Settings → General. Выберите тип сайта и загрузите логотип.

Сохраните изменения и перейдите на вторую вкладку — Knowledge Graph. Здесь вам нужно указать, кого представляет сайт — выберите Person, если это личный сайт, или Organization (если продвигаете сайт компании).

Перейдите на вкладку Schemas. Выберите из выпадающих списков страницы «О себе» и «Контакты». Если хотите подключить разметку хедера и футера, хлебных крошек и других элементов страниц сайта — поставьте галочки напротив соответствующих параметров.

Также можно настроить автоматическое удаление микроразметки, если будет удален плагин Schema. Для этого перейдите на вкладку Advanced и поставьте галочку напротив «Delete Data on Uninstall».

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

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

Выжимка

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

Источник

Что такое микроразметка сайта, и зачем она нужна

Читайте этот пост на английском языке

Поделиться этим постом

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

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

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

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

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

3. Из чего состоит микроразметка сайта

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

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

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

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

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

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

Schema.org

Поддерживается с 2011 года поисковыми гигантами: Google, Яндекс, Yahoo, Bing. Словарь считается международным, постоянно дополняется по инициативе людей со всего мира. С помощью Schema.org веб-мастера создают привлекательные сниппеты с указанием ценных характеристик объекта.

Описание типов данных в словаре имеет древовидную структуру. Здесь собраны сотни классов, с помощью которых описываются разные объекты. Для каждого из них в синтаксисе есть стандартные атрибуты:

Участок кода с атрибутами Schema.org выглядит так:

Титаник

Open Graph

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

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

Для создания кода разметки используют теги синтаксиса:

Пример кода с разметкой Open Graph:

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

Словарь микроразметки Microformats.org создан в 2007 году. Он включает разные типы объектов и описания их свойств. Этим словарём описывают товары, мероприятия, компании, рецепты и другие сущности с набором уникальных характеристик. Из всего списка микроформатов чаще используется hCard, который описывает контактные данные людей и организаций.

С помощью hCard можно указать:

Участок кода с использованием микроформатов будет выглядеть так:

5. Синтаксис микроразметки

Кроме основных атрибутов itemtype, itemscope, itemprope из словаря Schema.org могут использоваться дополнительные элементы:

где ключ @context указывает на использование словаря schema.org, @type означает резерв билета на поезд и reservationId обозначает номер билета.

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

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

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

А так выглядит микроразметка Яндекс:

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

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

Также в краулере Netpeak Spider можно определять, на каких страницах есть микроразметка, а на каких её нет, а также узнать, какие форматы разметки используются на страницах, и какие типы данных размечены. Для этого:

Чтобы выполнить валидацию микроразметки в сервисе Google Structured Data Testing Tool, откройте контекстное меню и выберите пункт «Открыть URL в сервисе».

Также проверки микроразметки Schema.org в Netpeak Spider можно воспользоваться функцией парсинга.

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

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

Чтобы начать пользоваться бесплатным Netpeak Spider, просто зарегистрируйтесь, скачайте и установите программу — и вперёд! 😉

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

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

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

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

А как вы внедряете микроразметку на свой сайт? Расскажите об этом в комментариях &#128071

Источник