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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Закрыть

Сообщить об ошибке

Отменить
3585 2
How-to Читать 9 минут 14 ноября 2018

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

Как настроить микроразметку на сайте
ЧЕК-ЛИСТ: ТЕХНИЧЕСКАЯ ЧАСТЬ — МИКРОРАЗМЕТКА
Инструкцию одобрил SEO Classifieds Specialist в Inweb
Микроразметка помогает поисковым системам быстрее найти контент на сайте и правильно понять его. Внедрение микроразметки заключается в использовании тегов и атрибутов, цель которых — структурировать информацию. Разбираемся, как сделать это быстро и качественно.
Микроразметка позволяет выделить на странице контакты компании, отзывы, рейтинги, хлебные крошки и прочее. Структурированные данные помогают сайту выделиться в поисковой выдаче, что делает его более привлекательным, увеличивая вероятность перехода. Поисковым роботам они позволяют быстрее обрабатывать контент и правильнее его интерпретировать.

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

К примеру, микроразметка для интернет магазина позволяет показать контакты в разделе «О компании»: адрес, телефонные номера, e-mail. В таком случае при запросе «контакты магазина Х» пользователь получит наиболее релевантную информацию в ответ. Так можно выделить не только текстовый контент, а и логотип компании.
Микроразметка логотипа
Если вы использовали микроразметку, при сканировании вашего сайта робот будет понимать, что именно данное изображение является логотипом, а не рядовой картинкой. Для разметки логотипа укажите следующие элементы:
1
Словарь используемой микроразметки.
2
Тип данных, которые обозначен тегом. Здесь это Organization.
3
URL сайта.
4
URL изображения логотипа, как в данном примере.
В коде сайта микроразметка логотипа будет выглядеть так:
Микроразметка сайта в коде страницы
Подобный принцип сохраняется и для остальных типов информации.

Что можно выделить микроразметкой?

Выделить микроразметкой можно:

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

Все данные, которые поддерживает микроразметка Google, подробно описаны в галерее Google Search Gallery.
Микроразметка гугл на примере рецепта
Микроразметка гугл на примере афиши
Влияет ли микроразметка на SEO продвижение сайта? Да, но косвенно. Сайт становится привлекательным в SERP, что может увеличить CTR сниппета при условии полезного для пользователя Title и Description. Хорошая кликабельность влияет на поведенческие факторы, которые повышают позиции по определенному запросу.

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

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

При внедрении микроразметки не стоит размечать все данные, которые есть на сайте. Начните с самого главного. Выберите характеристики, которые нужны в расширенной выдаче. Например, если у вас интернет-магазин, то в выдаче будут полезны товары и отзывы; для афиши города выделяйте грядущие события. Существует два основных формата, по которым внедряют микроразметку на сайт:
1
JSON-LD — способ передачи информации, который реализуется при помощи текстового формата JSON. Реализован он на JavaScript. Использование данного метода предпочтительнее, поскольку он позволяет легко читать, создавать и редактировать размеченные документы человеку. Варианты микроразметки JSON-LD внедряются с помощью Google Tag Manager.
2
Schema.org — в схеме собрано большое количество шаблонов, которые хорошо воспринимают поисковые системы. У Schema.org существуют определенные иерархии система призвана структурировать данные и упорядочивать их. Например:
Структура микроразметки Schema.org
Для социальных сетей существует разметка, которая реализуется с помощью словаря Open Graph. Он был разработан Facebook с целью красивой разметки сайта в соцсети. Google также разработал несколько помощников, которыми вы можете воспользоваться для самостоятельного создания микроразметки на своем сайте.
#1

Маркер данных

С помощью Google Search Console выделите, например, события на сайте-афише без изменений в коде сайта. Разработанный инструмент Маркер данных выделяет на странице события за несколько минут:
Маркер данных Google Search Console
Помотрите видео-инструкцию от Google. Если коротко: перейдите в панель Консоли и найти в разделе «Вид в поиске» — «Маркер данных». Нажмите кнопку «Начать выделение». Затем укажите URL адрес страницы, на который вы собираетесь разметить данные:
Выделение информации в Маркере данных Google
Выделите информацию на сайте, например, дату, и правой кнопкой мыши вызовите контекстное меню, в котором можно задать тип информации:
Микроразметка с помощью Маркера данных Google
В вызванном меню выберите тип, к которому относится выделенная информация: название события, дата, место, изображение. Меню справа будет отображать, что вы выделили.
Элементы данных в Маркере данных Google
Когда закончите размечать страницу, нажмите «Продолжить». Вы перейдете на страницу предпросмотра. Если вас все устраивает, опубликуйте изменения. Cправка Google сообщает, что данный маркер работает с такими типами информации:
Какие данные поддерживает Маркере данных Google Search Console
#2

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

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

  • JSON-LD — данный вариант рекомендует использовать Google. Полученный формат следует вставить в тело самой страницы;
  • микроданные — международный стандарт разметки, который описывает информацию атрибутами, более типизированными методами (как Schema.org). Полученным кодом нужно заменить HTML страницы.

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

Генераторы микроразметки

Сгенерировать код микроразметки онлайн могут и внешние инструменты, например, apelsin. Сервис типизирует информацию, которую вы заполните, для разметки в Schema.org. Вам останется только перенести данные на сайт:
Генератор микроразметки онлайн
Генератор микроразметки apelsin
Примерно такой же по функционалу seolik. Внесите в поля необходимую информацию и сгенерируйте код:
Онлайн генератор микроразметки seolik

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

Автоматически внедрить разметку помогут плагины для сайтов на CMS. Микроразметка на WordPress, например, легко настраивается с помщью Yoast. При установке плагина заполните информацию о сайте, которая будет формировать базовую разметку:
Микроразметка WordPress с помощью плагина
Для создания микроразметки для социальных сетей используется словарь Open Graph. Для этого существует отдельный раздел:
Плагин микроразметки WordPress Yoast
Для сайтов на Opencart разработаны свои плагины, помогающие автоматизировать процесс. Модуль SEO: Микроразметка для Opencart 2.x генерирует два стандарта разметки: микродата и JSON LD. Его стоимость составляет 249 рублей. Все, что потребуется от вас после оплаты — скачать и установить его. Затем включите модуль и настройте микроразметку:
Модуль SEO: Микроразметка для Opencart
Множество разработанных плагинов дает вам возможность подобрать наиболее удобный для себя.

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

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

«Проверка структурированных данных» (Structured Data Testing Tool) проверяет корректность оформления микроразметки. Перейдите в инструмент и укажите URL-адрес сайта или фрагмент кода, который собираетесь перенести.

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

Заключение

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

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

На SEO продвижение микроразметка влияет косвенно. Она улучшает вид в SERP, который при хорошем CTR влияет на поведенческие факторы. А они в свою очередь влияют на продвижение позиций по запросам.

Основные форматы, по которым внедряют микроразметку на сайт:

  • JSON-LD;
  • Schema.org;
  • Open Graph для социальных сетей.

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

Внедряют структурированные данные разными способами. Google предлагает несколько инструментов, которые помогают создать разметку самостоятельно:
1
Маркер данных.
2
Мастер разметки структурированных данных.
Маркер данных позволяет разметить страницу вручную без внесения изменений в код сайта. Мастер настройки разметки — создать код, который потребуется внедрить в код сайта или заменить его, если речь идет о Schema.org. Понадобится помощь программистов, но как правило такая работа у них занимает пару минут.

Перед запуском микроразметки пройдите тесты на валидность от Google и Яндекса, чтобы уберечь сайт от ошибок.
Эта статья — часть модуля «Список задач» в Serpstat
«Список задач» в Serpstat
«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.
Начать работу со «Списком задач»

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

3.75 из 5 на основе 4 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

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

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов