0-800-759-750
Мы на связи с 7:00 до 24:00
office@elit-web.ua

Микроразметка. Ссылки, на которые хочется кликать

Поделитесь
Содержание

    Вы сделали все возможное, но поисковая система не видит сайт. Остается только одно – «поговорить» с Google. Как? На языке, понятном любому роботу, – языке программирования.

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

    Микроразметка – это универсальный язык поисковых роботов. По-другому она еще называется «семантической разметкой». Google, Yahoo, Bing – все они не могут осмыслить текст на странице, но способны прочитать код каждого из блоков. И вот тут-то, в изнанке любого сайта, мы и можем указать на языке микроразметки, что, мол, логотип – это логотип, блок контактов – это блок контактов, а цена – это-таки и правда цена.

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

    Семантическая разметка включает две составляющие:

    • словарь – фиксированный комплект слов, наделенных определенными свойствами. С их помощью указывают, что конкретно находится в данном участке страницы: organization, price, image и т. д.;
    • синтаксис – инструкция к пользованию словарем. Определяет, как именуется тот или иной контент, какая смысловая нагрузка и свойства у тегов.

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

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

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

    Эта информация – если не вся, то часть точно – попадет в сниппет*. Объявление становится информативным, броским, «продающим». Теперь вы решаете, как будет выглядеть ваша страница в поисковой выдаче. Что это дает? Повышенную кликабельность, а вместе с ней – и конверсии.

    *Сниппет – краткое описание страницы в поисковой выдаче.

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

    Пример микроразметки интернет-магазина

    Далее мы наглядно демонстрируем преимущества микроразметки и примеры разных типов разметки.

    Пример разметки товарных карточек

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

    Пример разметки товарных карточек

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

    Пример микроразметки FAQ

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

    Пример микроразметки FAQ

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

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

    Автогенерация FAQ

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

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

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

    Пример разметки QAPage

    Страницы по типу «Один вопрос – много ответов» свойственны форумам и сайтам, которые специализируются на таком подходе. Микроразметку QAPage можно применять только при соблюдении определенных условий:

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

    Пример разметки QAPage

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

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

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

    О том, как Elit-Web выполнил микроразметку клиенту и увеличил конверсии на 30%, читайте в нашем кейсе «История сотрудничества с корпорацией «УкрАВТО».

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

    Правильная микроразметка без переспама может поднять кликабельность объявления в поисковой выдаче на 3―4%. Полезный и привлекательный сниппет стимулирует пользователей кликать. К тому же еще до перехода по ссылке посетитель видит много конструктивной информации в объявлении, которая помогает принять решение, а подходит ли вообще ему этот сайт. Если какое-то требование не удовлетворено (например, цена завышена или нет в наличии), он просто не кликает по объявлению, тем самым снижая показатель отказов – тот самый, который показывает, сколько людей зашло на сайт и сразу его покинуло.

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

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

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

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

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

    Здесь рационально рассказать поисковым роботам о таких элементах сайта, как «хлебные крошки», ссылки в социальных сетях, товарные карточки, информация о компании и строка поиска.

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

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

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

    Если сделать микроразметку «хлебных крошек», они появятся в сниппете на месте адресной строки. Это логично – зачем забивать место абсолютно неинформативным для пользователя URL-ом, если можно дать больше данных, показать иерархию товаров и тем самым увеличить кликабельность?

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

    Чтобы контент привлекательно отображался в соцсетях, используют специально для этого предназначенный словарь – Open Graph. Технически интегрировать эту разметку на сайт легче остальных.

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

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

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

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

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

    Информация о компании

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

    Информация о компании

    Разметка строки поиска

    Строка поиска, расположенная прямо в сниппете, – это невероятно полезная опция. С ее помощью пользователи могут узнать о наличии нужного товара, не переходя на сайт. Это позволит уменьшить количество отказов – когда пользователи проводят на страницах интернет-ресурса меньше минуты. Косвенно разметка строки поиска положительно влияет на ранжирование. Лучше всего такая опция подходит крупным мультифункциональным интернет-магазинам.

    Разметка строки поиска

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

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

    Контакты компании

    Лучше указать как можно больше данных – это повысит доверие к сайту. Разметьте все: номера телефонов, электронную почту, фактический и юридический адрес, ссылки на социальные сети.

    Блог/статьи

    К статьям можно «прикрутить» рейтинг, оценку и дату (предварительно разместите в блоге возможность отдать голос за контент). Звездочки привлекут внимание пользователей, а точное время размещения подтвердит актуальность материала.

    Микроразметка для сайта услуг - блог, статьи

    Курсы/мероприятия

    Для event-агентств и образовательных сайтов здорово будет «прикрутить» к сниппету расписание актуальных мероприятий. Так пользователь сразу увидит нужную ему информацию. Например, как тут:

    Микроразметка - курсы, мероприятия

    Разметка для соцсетей

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

    Разметка для соцсетей

    Разметка в соцсетях

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

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

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

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

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

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

    Sсhema.org

    Интегрируется в HTML-код, позволяет добиться высоких результатов SEO-оптимизации для поисковых систем. Размеченную продукцию или услугу поисковые системы могут автоматически добавлять на собственные площадки.

    Sсhema создавался несколькими поисковыми системами. Основной целью было дать пользователям как можно больше информации еще до посещения сайта. В словаре содержатся три обязательных к применению атрибута:

    • itemscope – с указанием используемого объекта;
    • itemtype – обозначает конкретный тип, подлежащий разметке, например, название продукта или услуги;
    • itemprop – определяет характеристики: цену, наличие, описание, ключевые преимущества и т. д.

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

    Open Graph

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

    Без микроразметки репост может «поехать», подтянуть случайную картинку или вывести title вместо текста. Например, вот так:

    Open Graph

    Не слишком привлекательно, правда? А теперь давайте посмотрим, как выглядит пост с Open Graph.

    Как выглядит пост с Open Graph

    С помощью словаря можно делиться анонсами в Facebook, Twitter, Pinterest, Telegram. Работает он и в мессенджерах – Viber, WhatsApp, Slack.

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

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

    Здесь можно «прикрутить» к сниппету дату рождения, Ф. И. О., фотографию, адрес, геолокацию. Микроформаты используют:

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

    Также в списке наиболее востребованных микроформатов: hCalendar (события), XFN (социальные взаимосвязи), geo (географические координаты), hReview (отзывы).

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

    Разметить интернет-информацию можно тремя способами:

    • самостоятельная сборка кода. Специалист вручную прописывает теги и атрибуты;
    • привлечение online-инструментов – например, Schema-generator;
    • работа с предварительно установленным плагином или расширением в CMS – WordPress, Joomla и т. д.

    Как на старте внедрить микроразметку на сайт? Изначально не стоит подвергать разметке все данные. Лучше начать с главного: товаров и отзывов для интернет-магазина и анонса с датами в случае сайта, предоставляющего услуги.

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

    Как проверить микроразметку в поисковых сетях

    Любая работа с кодом требует проверки. Специальные сервисы – валидаторы – помогут выявить ошибки.

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

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

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

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

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

    Выводы

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

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

    У Вас остались вопросы?
    Наши эксперты готовы ответить на них.
    Оставьте ваши контактные данные.
    Будем рады обсудить ваш проект!
    Получить консультацию
    Наш менеджер свяжется с Вами в ближайшее время