22465 3
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
Модуль 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" title = "Как внедрить на сайте микроразметку 16261788188633" />
«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.
Начать работу со «Списком задач»

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

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

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

Используйте лучшие SEO инструменты

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

SEO аудит страницы

Проанализируйте уровень оптимизации документа используя SЕО аудит страницы

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

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

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

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm