Микроразметка на сайте для SEO. Гайд с примерами + справочник редких микроразметок
Микроразметка — это когда в существующую верстку сайта добавляются некоторые атрибуты и теги, что позволяет поисковому роботу лучше понимать информацию на веб-страницах и предоставлять пользователям наиболее релевантные результаты. Информативные сниппеты дают возможность получить качественные переходы, поскольку пользователь сразу понимает, что он найдет на странице. И как следствие, имеем больше трафика без увеличения бюджета на продвижение.
Что дает микроразметка
Для чего нужна микроразметка сайта? Прежде всего для удобства пользователя, поскольку помогает оптимизировать поиск, так как кратко и емко передает содержимое сайта. Например, на странице с рецептом, структурированные данные будут включать список ингредиентов, время и температуру готовки, количество калорий в блюде. А для интернет-магазина - товар и его цену, характеристики, отзывы.
Если же рассматривать с коммерческой точки зрения, то микроразметка улучшает внешний вид сайта в результатах поиска, дает красивые и структурированные сниппеты, что существенно увеличивает кликабельность. А она, в свою очередь, влияет на поведенческие факторы. Сайт занимает более высокие позиции в поисковой выдаче и посещаемость ресурса растет.
Микроразметка должна соответствовать контенту страницы, в коде которой она размещена. Нельзя добавлять структурированные данные, описывающие информацию, скрытую от пользователей.
Однако нужно понимать и то, что микроразметка не оказывает непосредственного влияния на позицию в результатах поиска. Если вы сделали красивую и правильную микроразметку, у сайта появился структурированный и привлекательный сниппет, то вероятней всего его позиции улучшатся. Но рассчитывать на то, что сайт сразу займет первую строчку выдачи, не стоит.
И опять же, если микроразметка окажется плохой, позиции ресурса не ухудшатся.
Отличия расширенного сниппета от обычного
Сниппет - своего рода визитка сайта, с URL, заголовком и краткой информацией о ранжируемой странице. Поисковый робот генерирует ее самостоятельно, либо берет из title и description.
Иногда, эта информация может быть более интерактивной, с оценкой пользователей, рейтингом. Она вызывает доверие, и побуждает желание кликнуть. Такой сниппет считается расширенным, поскольку содержит больше полезных данных для пользователя, а значит, увеличивает число кликов из поиска.
Любой сайт представлен несколькими категориями, которые наполняются различным контентом (видео, рецепты, данные о товарах, ценах, отзывы о фильме и т. д). И именно от него зависит формат микроразметки.
Расширенные сниппеты. В чем выгода
Расширенные сниппеты грузятся всегда сверху. По статистике, запрос, заданный в форме вопроса, генерирует самое большое количество расширенных сниппетов. Если по пунктам, то они:
- Увеличивают количество переходов с выдачи, поскольку дают наиболее полный ответ на запрос пользователей.
- Улучшают позиции за счет поведенческих факторов.
Расширенные сниппеты помогают продвигаться сайтам с полезным контентом, но имеющим низкую позицию. Поисковик его выхватывает и показывает в расширенном сниппете, но не ранжирует при этом сайт в ТОП-1.
Такие расширенные результаты используются и голосовыми помощниками.
Санкции и удаление расширенных сниппетов
Микроразметка страницы не является гарантией того, что после индексации она будет отображаться в расширенном сниппете. Если по какому-то ключевому запросу уже показываются расширенные результаты, то вы по нему вряд ли продвинетесь и получите трафик. Поскольку такой сниппет будет оттягивать внимание пользователей и до вашего сайта они просто не дойдут.
Когда ресурс попадает под санкции, то с большой долей вероятности расширенные сниппеты будут удалены. Произойдет это и в том случае, если информация на сайте утратила актуальность, или же структурированные данные не соответствуют содержанию страницы.
Некачественный и сомнительный контент не способствует возникновению доверия у поисковых роботов. И вряд ли можно рассчитывать на расширенные сниппеты, пока существуют такие проблемы.
За спам в микроразметке Гугл может наложить санкции в ручную. Данная информация будет отображаться в Search Console. Тогда следует устранить замечания и отправить запрос на дополнительную проверку.
Поисковая система может расценивать как спам ошибки в микроразметке, если выбран не тот тип структурированных данных.
Манипулятивное поведение. Например, на вашем сайте нет вакансий, но вы воспользовались разметкой JobPosting. То есть, за счет такой манипуляции, вы собираетесь привлечь пользователей из поиска на страницу, содержание которой не имеет ничего общего с той информацией, что отображается в структурированных данных.
В этом случае Google не будет оповещать о нарушении, но санкции обязательно скажутся на потере трафика.
Три кита микроразметки
Чаще всего используется три основных вида микроразметки.
- Schema.org - золотой стандарт, который совершенствуется непрерывно. Существует давно, является наиболее популярной и позволяет описать практически любой продукт или услугу. Имеет в своем багаже очень много тегов, но основные три: itemscope - указывает поисковому роботу на то, что будет произведено описание объекта. Остальные два itemtype и itemprop - его тип и свойства.
- Open Graph - разрабатывалась в чреве Facebook, и преследовала единственную цель - создавать привлекательные сниппеты сайта в соцсетях. Теперь активно используется не только популярными соцсетями, но и блог-платформами. Тегов в ней не очень много, но вполне достаточно для нормальных репостов.
- JSON-LD - Формат вывода микро разметки через JS
Идеальное решение - когда на сайте задействованы все три вида. Присутствие Open Graph не только желательно, но и обязательно, на том основании, что данный тип отвечает за представление в соцсетях. Важность Schema.org невозможно переоценить, поскольку это разметка основного контента. Джейсон необходим, если следует отобразить какие-то мероприятия, события, концерты и т.д.
Микроформаты и их разновидности
Микроформаты - это метод семантической разметки содержимого на сайте, благодаря которому поисковым роботам легче обрабатывать контент. За счет того, что данные, связанные с какими-то событиями, людьми или товарами, упорядочиваются с помощью элементов HTML, мы можем указать смысловое значение отдельных блоков. Для пользователей такая разметка абсолютно невидима, но необходима для лучшей индексации страниц.
В стандартной HTML или XHTML разметки страницы чаще всего применяются такие теги, как «class», , . Например, атрибут «class» позволяет указать категорию кода элемента страницы.
Рассмотрим, как использовать микроформаты.
«Хлебные крошки»
По сути это система навигации или меню вложенности на сайте, которое помогает пользователю понять, в каком разделе он находится, и при необходимости перейти в другой. «Хлебные крошки» наглядно демонстрируют структуру ресурса и расположение страниц, и отображаются в верхней части.
Что касается SEO, то тут они позволяют сделать перелинковку с другими страницами, облегчают навигацию, что положительно влияет на такие поведенческие факторы, как время нахождения на сайте и глубина просмотра.
Навигационная цепочка может быть оформлена по-разному:
- линейная, если навигация начинается с разделов каталога, а не с главной страницы;
- система «назад», когда на сайте устанавливается такая кнопка (например, назад к каталогу, назад главное);
- третья система объединяет два предыдущих варианта.
Такая информационная цепочка пригодится любому ресурсу: информационному, корпоративному, интернет-магазину.
Микроразметка для страницы контактов
Вид разметки, который непременно должен присутствовать на каждом сайте. В Schema.org выбирается тип организации. Хотя можно остановиться на Organization, который подходит для всех.
Здесь указывается вся информация: название компании, адрес, телефон, электронная почта. В комбинации с грамотно составленными интерактивными картами, страница сайта с контактной информацией будет считаться идеальной для поискового робота.
Микроразметка для интернет-магазина
Если правильно выполнить микроразметку, то структурированные данные могут включать изображение с названием бренда, цену, характеристики, отзывы, наличие на складе.
Микроразметка карточки товара
Допустим, что у нас есть страница с конкретным товаром. Открываем исходный код, и выделяем нужные текстовые блоки. И с помощью синтаксиса Schema.org просто размечаем их.
Тип схемы определяется контейнером, в который заключается микроразметка товара. И его содержимое соответствует типу «Product». А поскольку внутри основного контейнера имеется вложенный, то робот понимает, что именно там находится конкретное предложение с ценой и пр.
Микроразметка категории товаров
По большому счету такой микроразметки нет. Тогда адаптируют разметку для карточки товара, вводом таких параметров, как:
offerCount – количество товаров в разделе;
lowPrice и highPrice - самая низкая и высокая цена в данной категории.
Подробнее про товарную микроразметку
Микроразметка статей
Для данной разметки будут применяться следующие атрибуты:
- headline – название статьи.
- datePublished – когда опубликована.
- image – картинка.
- articleBody – непосредственно текст.
- author – автор статьи.
- publisher – имя ресурса, на котором публиковалась.
Пример микроразметки по shema.org
Пример микроразметки статей для JSON-ld
Микроразметка для отзывов
Процент запросов при поиске отзывов на товары, услуги, ресурсы и пр., довольно высок. Поэтому нужно их преподнести таким образом, чтобы пользователь захотел перейти именно на ваш, конкретный ресурс.
Поэтому первое, что делаем, сообщаем роботу о типе разметки.
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
Затем используем такие параметры:
- name — название;
- author — фамилия автора;
- datePublished — дата размещения;
- reviewBody — текст отзыва;
- reviewRating – объективная оценка.itemprop="bestRating" - самая высокая оценка, которая возможна в системе.
Не стоит спамить этой разметкой проставлая левые данные. это все с большой вероятностью приведет к тому что ПС станут её игнорировать полностью.
Микроразметка для изображений
Благодаря атрибуту itemprop="image" поисковый робот в два счета находит необходимую информацию. Нужно только указать адрес изображения, название, его размеры, сделать описание и поставить подпись.
Микроразметка для видео
Благодаря расширенному сниппету видео можно получать трафик не на сайт, а на Ютуб канал. Этот сниппет только за последний год по популярности вырос втрое. Видео сейчас показывается по большей части поисковых запросов.
Такую микроразметку можно реализовать с помощью плагина Insert Video with Schema.org (IVS). Тогда в расширенном сниппете будет показана заставка с названием ролика, его длительность и короткое описание.
Микроразметка страницы Q&A
Данная схема структурированных данных позволяет размечать контент, который содержит вопрос и ответы на него.
Сначала, как всегда, сигнализируем о начале разметки. Затем пишем тему вопроса: Тема вопроса
Отдельно стоит упомянуть микроразметку FAQpage. Она в последние время очень набирает популярность поскольку позволяет добиться вывода акардиона в поисковой выдаче гугла. (Табы с дополнительной информацией)
Несколько особенностей этого
Дополнительная информация по этим видам разметок
HowTo – инструкции типа «как сделать», пошаговые руководства к действию.
Q&A – страница с несколькими вопросами-ответами или ориентированная на один конкретный вопрос и несколько вариантов ответов на него.
Микроразметка для кулинарных сайтов
Микроразметка Recipe применительна только к рецептам и должна содержать следующую информацию: список продуктов, сколько времени готовится блюдо, его изображение и пошаговое приготовление.
Может быть размещена и дополнительная информация: количество калорий, сложность приготовления (новичок или профи), блюдо какой кухни и т.д.
Какие типы разметок использует Яндекс
Яндекс отдает предпочтение микроразметке Schema.org - стандарт, который был принят в 2011 г. Имеет большое количество сущностей и их перечень непрерывно пополняется. Для различных типов страниц и данных должны применяться свои, специальные сущности.
- Товары Product
- Отзывы Review
- Мероприятие Event
- Организация Organization
- Место Place
- Товарное предложение Offer
- Несколько товаров AggregateOffer
- Сводный рейтинг AggregateRating
- Рецепт Recipe
- Книга Book
- Фильм Movie
- Ресторан Restaurant
- Аудио AudioObject
- Видео VideoObject
- Картинки ImageObject
- Программы SoftwareApplication
- Мобильные приложения MobileApplication
- Интернет-программы WebApplication
- Игры VideoGame
- Вопросы и ответы Question и Answer
Как проверить правильность микроразметки
После того, как была сделана разметка контента, необходимо проверить ее на ошибки с помощью валидатора, и убедиться в том, что поисковые роботы смогут обнаружить структурированные данные.
Это можно сделать на официальной странице валидатора Google, для чего следует заполнить форму проверки и запустить тест. Слева можно увидеть фрагмент исследуемого кода, а справа - отчет. Если обнаружатся ошибки, их необходимо исправить.
Данный валидатор самый строгий из всех, выявляет любое несоответствие.
В Яндексе проверка осуществляется в вебмастере. Для чего потребуется ввести фрагмент кода или ссылку на страницу. Процесс длится несколько секунд. Все проблемы отмечаются красным цветом и сопровождаются текстом.
Выводы
Микроразметка необходима для увелечения заметности снипета в поисковой выдаче. Хотя сама по себе не влияет на ранжирование в целом.
Она должна быть установлена на весь контент. Все индексируемые страницы размечаются правильными видами микроразметок. Некоторые элементы могут иметь свою, внутреннюю разметку, которую тоже необходимо правильно прописывать.
И не забывайте проверять микроразметку на ошибки, используя валидаторы.
321 просмотр, 81 голос, 3 комментария - за 7 часов с момента публикации.
В статье о микроразметке, где json-ld идёт как формат наряду со schema.org и open graph.
Висишечка, да это триумф.
С этими 70-ю ботами, зарегаными 10 и 11 марта, еще один триумф случился: https://vc.ru/services/348317-kakuyu-cms-vybrat-dlya-upravleniya-sayta-iz-topovyh . Для удобства даже статьи в один день опубликовали.
Некрасиво это все. Даже не знаю, зачем это все нужно.
Факт, что смысл этих манипуляций непонятен. Понятно, когда люди берут ссылочное на свои материалы на vc, а с vc ссылаются на свой или клиентский сайт. Обычный многоуровневый ссылочный профиль. Но вот так дико натыкивать лойсы в разделе, где все всех знают и статистику примерно оценить могут - эээ. Это чтобы в популярные материалы что ли попасть? А толку от этого? Был бы хоть контент конвертящий - так нет, микроразметка в 2022 году, воу. Ещё б про переход на https кто запилил, давно я такого не видал.
Загадка.
Павел, вы вы же сеошник, знаете как работать с поведенческими. Зачем вот так топорно крутить в лоб? Какой смысл в этом для меня?
Если бы нужна была накрутка, вы бы не узнали ни когда. Существует много методов это сделать без палева.
Я знаю, что такое больше ни с кем не случалось. А когда что-то происходит с двумя знакомыми друг с другом людьми, со статьями, опубликованными в один день, с одними и теми же ботами — мне поверить в случайность трудно. Ещё труднее поверить, что кто-то третий решил выбрать вас двоих, чтобы накрутить рейтинг, и вы про это ничего не знаете.
Павел, мы с вами тоже знакомы
Если бы была цель накрутить, использовались бы другие методы и униклы были бы все уникальны
Доброго дня, возможно причина в том что мы оба наступили тебе на яйца не?
Я лично не крутил. И мне по боку что будет удалят здесь запошу на другой площадке, свято место пусто не бывает. А ты продолжай, мне почти интересно.
Это сугубо твоё восприятие ситуации, я значения этому не придавал. К тебе лично у меня был вопрос, когда ты начал преследование и на каждый мой комментарий (новый и старый) ставил минус, за что и получил бан от vc. Вот это выглядит пугающе.
По поводу накрутки — тебе я не верю, мое право. Далее уже администрация vc пусть разбирается. Со статьи твоего друга Александра оценки ботов уже сняли. Если здесь накрутку уберут, у меня вопросов конкретно к этому материалу не возникнет.
Я борюсь за качество раздела SEO. Боты — очень нехороший прецедент. Надеюсь, @Инспектор , с этого материала тоже оценки ботов почистит.
Виктор, а что лучше внедрять? Понятно, что для гугла json, но как быть с яндексом, он же ее вроде видит, но не учитывает. Переделывать json под schema.org, чтобы было разом для обоих сразу?
И еще вопрос, что ботов быстрее распарсит и обработает schema.org или json?
Тут небольшая путаница получается. JSON-LD - это способ интеграции Schema.org с помощью js. Не нужно ничего прописывать непосредственно в код, как в случае той же RDF. Хардкод тут точно не вариант, это уже вчерашний день.
Проблем с учётом и парсингом я давно не встречал. Другое дело, что задержка там всё равно будет, данные рендерятся как в случае любого JS с задержкой - но Яндекс и с этим справляется не хуже гуглобота, в ряде случаев даже быстрее. А толку от микроразметки для ранжирования в любом случае не очень много. Тут ПС всё равно сами решают, что выводить в сниппет, а что срезать - Schema больше для порядка, "чтобы было".
Банально: 3-5 лет назад по какому-нибудь запросу "рецепт жареной картошки" на выдаче были именно рецепты со сниппетами, размеченными благодаря "Схеме". Сейчас в Яндексе такого и не увидишь, сплошь ссылки на хабы, видео и какие-то обзорные статьи. Гугл использует.
На ВЧ запросах да, на НЧ запросах ещё достаточно актуально. Пример во вложении.
Да, тут хаб проблемно вставить - слишком специфический запрос. Ну, с момента как YATI выкатили выдача во многом стала слишком непредсказуемой, непонятно, что стрельнет и на какие сроки. Гугл несмотря на все изменения намного более стабильный.
Спасибо
Тут ещё штука в том, что для старта мог быть (я не утверждаю, просто картинка стригеррила) материал аж от 2017 года (как раз, когда было актуально).
Я не Виктор. Но рекомендовал бы по опыту использовать оба варианта схемы. Поскольку Гугол не учитывает микроразметку json сразу, а только при обходе ботом с рендерингом страницы.
Спасибо
@Инспектор проверьте пост на накрутку.
Действительно полезно!
Спасибо автору за материал
Огонь! Спасибо.
😔
Что ни так?
Благодарю за материал!
Тема объёмная, но подано всё ёмко, чётко, узнал ряд новых схем.
Schema.org / JSON-LD = facepalm
В остальном, наверное, полезная статья и кому-то может пригодится
@Инспектор , 70 ботов поставили оценку. У всех дата регистрации одна и та же (10 и 11 марта), имена в одно слово. Накрутка.
Комментарий удален модератором
Спасибо, держи нас дальше в курсе. Фейл в том что ты очень" Умный " Человек, и не подумал что хоть ты и накрутил их сейчас, и никто не увидит когда оставлен голос, но я же вижу логи, что мои старые статьи резко стали получать плюсы. Так что рад за вашу наблюдательность. И да скрин этого отправлен в поддержку.
Можешь как угодно сейчас выкручиваться, мне все равно, главное перестань портить раздел. Ботов больше быть не должно.
И да скрин этого отправлен в поддержку.Ты же писал, что в суд отправишь документы. И тут соврал. Всего лишь скрин в поддержку.
Ребята, не сочтите за рекламу, но все уже было разобрано здесь: https://d-element.ru/about/blog/chto-takoe-schema-org/. Надеюсь кому-то поможет. Там нет JSON, но думаю если это нужно будет сделать, то можно найти пример на странице об объекте на schema.org.
Добрый день. Помогите, пжл, разобраться с микроразметкой AudioObject.
Какой пример валидного кода можно применить?
день добрый, кажется пример с микроразметкой не работает для сайта apple. Может быть есть живой пример? А статья интересная, спасибо
Сейчас с этими разметками полная анархия творится - что в Яндексе - что в Гугле. Всё по правилам делается - а толку 0 - так как с обновлениями базы бооольшие проблемы! Это кстати касается и не только Яши или Гугла но и остальных поисковых систем - кстати здесь хорошо представлено по локациям (континенты) https://socpublik.ru/poiskovie-%E2%96%88%E2%96%AC%E2%96%88%E2%96%88%E2%96%80%E2%96%88%E2%96%80-sistemy-interneta.php
По Азии так вообще народ с ума сходит - так как за последние несколько месяцев (понятно там у них сейчас на 1 месяц новый год и прочее) но страницы так же не индексируются. Буквально в понедельник на этой недели говорил с одним представителем СЕО, который переехал в Азию на ПМЖ 4 года назад.
Скопировал список микроразметки 1в1 с моего поста https://t.me/seoprodvigatel/50 - даже порядок не поменял, и обозвал "Моя подборка редких схем разметки" :D
Для тех кто не в курсе ситуации.
Данный персонаж обиделся на меня и моего друга за то что якобы мы не так откоментили его кейс. После этого этот очень умный человек стал накручивать всем моим статьям рейтинг и везде постить разоблачения меня в стиле, как же я могу накручивать статьи. докапываясь до копирайтерской ошибки.
Выводы делайте сами зачем.