Чтобы сайт давал хороший трафик, требуется удостовериться, чтобы он был удобен не только для пользователей, так и для поисковых роботов. Для этого используется микроразметка – дополнительные атрибуты, которые встраиваются в код страницы и ускоряют индексацию. Благодаря ей поисковые системы понимают, что находится на сайте, предоставляя пользователям более точную информацию. Рассматриваем, как самостоятельно встроить код и проверить на ошибки.
Микроразметка, или семантическая разметка, применяется для SEO-оптимизации сайта. В некотором роде эта краткая «выжимка» ресурса, созданная для поисковых роботов. Благодаря специальным тегам поисковик лучше понимает, что именно расположено на сайте, и отображает это в результатах поиска.
Если страница не размечена, поисковые роботы «вытягивают» информацию из общего кода или тегов title и description. В итоге вы видите небольшой текстовой бокс с подсвеченными ключевыми словами. Информационной ценности в таком блоке мало, и при взгляде на него невозможно предсказать, получит ли пользователь то, что ищет.
Для примера: выше представлены результаты Яндекса по поисковому запросу «купить вентилятор онлайн». В первом случае отображается дополнительная фильтрация по характеристикам. Во втором запросе показывается простой текстовой формат. Первый вариант – более информативный, поэтому велика вероятность, что пользователь кликнет именно на него.
Следует отметить, что ни Google, ни Яндекс не смещают сайт в поисковой выдаче только из-за того, что в него встроена микроразметка. Однако разметка помогает поисковикам правильно распознавать информацию на странице.
Зачем еще внедрять разметку на сайт? Рассмотрим основные преимущества этого шага:
В сниппетах могут отображаться оценка пользователей, цена, контактная информация, фотографии товара и так далее. Таким образом пользователь видит, что на предлагаемом ресурсе есть расширенный ответ на его вопрос.
Подробный информативный блок повышает доверие к сайту и увеличивает вероятность клика. Из-за этого происходит естественное повышение ресурса в результатах поиска. Поэтому внедрение микроразметки – не обязательный, но все же рекомендуемый шаг в оптимизации сайта.
Существует несколько форматов микроразметки, но в основном используется несколько видов:
В идеале рекомендуется размечать страницу сразу несколькими способами. Таким образом сниппет будет правильно отображаться в любых источниках. Например, следует включить данные Open Graph, если на сайте есть опция расшаривания в социальные сети. Таким образом, если кто-то поделится страничкой в интернете или в мессенджере, ссылка будет показана с картинкой, заголовком, описанием.
Яндекс советует веб-мастерам размечать страницу по Schema.org. На странице рекомендаций можно найти основные принципы и одобренные примеры. На данный момент сервис распознает следующие категории:
Как уже упоминалось, поисковая система Яндекс не поддерживает JSON-LD, хотя он распознается сервисом Яндекс.Почта. Это означает, что сниппет не будет отображать интерактивное содержимое, созданное через JS – рейтинг, автоматические слайдеры и так далее.
Google рекомендует использовать JSON-LD, микроданные либо RDFa. Это расширяет тип и объем показываемых данных. Но требования на этом не заканчиваются – сниппет может не отображаться в результате поиска, даже если в нем нет ошибок. Это может произойти по следующим причинам:
Полный список требований выложен на официальной странице. Если вы продвигаете сайт в Google, настоятельно рекомендуется следовать этим правилам.
Разметить страницу можно несколькими способами. Все зависит от ваших знаний в области HTML-кода.
Ручной код
Ручная разметка подразумевает самостоятельное написание кода для каждого элемента, который требуется выделить. Для этого потребуется изучить документацию – обычно используется официальный гайд от Schema. Яндекс предлагает веб-мастерам урезанный курс для начинающих на русском языке.
После подбора подходящих атрибутов они подставляются в HTML-код страницы к соответствующим тегам, как на примере ниже.
Этот способ требует много времени даже если вы досконально изучили документацию. Также в случае ручного ввода данных велика вероятность ошибки. Поэтому лучше доверить это профессионалам либо воспользоваться сервисами, которые автоматически генерируют подобный код.
Автоматические инструменты
Внедрение разметки можно ускорить, воспользовавшись онлайн-генераторами. Работа при этом переходит в полуавтоматический режим: вы указываете нужные категории и получаете готовый фрагмент кода, который затем самостоятельно вставляете в HTML.
Рассмотренные варианты подходит для веб-мастеров, у которых есть начальные навыки написания кода. Если у вас нет даже базовых представлений о том, куда нужно вставлять теги, рекомендуем перейти к следующему способу.
Плагины для CMS
Оба предыдущих варианта могут показаться сложными новичкам, никогда не имевшим дело с кодом. Если ваш сайт работает на CMS вроде Wordpress или Joomla, процесс можно полностью автоматизировать при помощи расширений. Это значительно ускоряет работу и снижает риск ошибок.
Данные инструменты работают по схожему алгоритму: расширение устанавливается напрямую или из встроенного в CMS магазина. После этого на странице нового сообщения либо в настройках плагина присваиваются нужные значения.
Большинство подобных плагинов не переведены на русский, поэтому потребуется базовое знание английского языка.
Как уже упоминалось, разметка страницы влияет на продвижение только косвенным образом – все зависит от того, как часто пользователи будут переходить по ссылке. Но если в код добавлены неверные теги, это отрицательно отразится на продвижении.
Ошибки в использовании типа данных могут быть рассчитаны поисковыми системами как манипуляция. Например, если вы используете тег Review, но на сайте нет отзывов, поисковики решат, что ресурс намеренно вводит в заблуждение пользователей для привлечения трафика.
Самым мягким наказанием в этом случае будет отключение сниппета в результатах поиска. В худшем случае на ресурс будут наложены санкции, что скажется на потере трафика либо полном исчезновении сайта из выдачи.
Поэтому обязательно проверяйте разметку, даже если вы создавали ее через плагин, и исправляйте код в зависимости от рекомендаций. Для этого существуют специальные онлайн-сервисы.
Валидатор микроразметки от Яндекс
Официальный сайт: webmaster.yandex.ru
Сервис проверяет корректность данных и то, могут ли поисковые роботы правильно проиндексировать страницу. На данный момент поддерживаются микроданные, микроформаты, schema.org, RDFa, OpenGraph.
Проверить источник можно двумя способами: вставить URL страницы или вручную скопировать код в специальное поле. После этого нажмите «Проверить», и инструмент покажет код так, как его видит парсер. Если в данных есть ошибка, она будет помечена красным значком.
Однако следует учитывать, что сервис может выдать фальш-ошибки, если вы разметили страницу в том числе для Google. Это происходит из-за того, что Яндекс не распознает некоторые форматы тегов, которые используются для сниппетов Гугла.
Валидатор Schema.org
Официальный сайт: validator.schema.org
Если вы использовали классический формат Schema, проверить правильность данных можно при помощи их официального инструмента. Вводите ссылку или кусок кода, жмете «Запустить тест», и результаты готовы.
Если сервис отыщет неточности, они отобразятся в правой колонке вместе с предупреждениями. Кликая по элементам, можно просмотреть код и рекомендации, если они есть.
Данный инструмент – наиболее точный, так как сверяется с собственной библиотекой. В то же время он не заточен специально ни под какой поисковик, поэтому может пропустить некоторые ошибки, которые распознают Яндекс или Google.
Проверка расширенных результатов от Google
Официальный сайт: search.google.com
Расширенные результаты – это отображение в выдаче специального контента: фото-карусели, рейтинг, контактные данные. Конечно, они должны быть соответствующим образом отмечены.
При помощи сервиса Гугла можно отследить, все ли нужные компоненты указаны должным образом. Инструмент проверяет также тип данных, которые не умеет распознавать Яндекс, в том числе JSON-DL.
Как и в предыдущем варианте, сервис позволяет указывать ссылку на ресурс или вставлять фрагмент кода. Также здесь можно отдельно просмотреть результаты для смартфонов и десктопа.
Для проверки укажите адрес или код и выберите устройство просмотра. Если сервис обнаружит некорректные данные, соответствующее уведомление отобразится в результате проверки. Чтобы узнать подробнее, нажмите на описание проблемы.
Сервис не очень удобен неопытным пользователям, так как он не предлагает правильный код, а только указывает ошибки. При этом проверка от гугла – самая строгая: она указывает предупреждения даже в том случае, если Яндекс или Schema не нашли ошибок.
Вывод
Подводя итог, заметим, что микроразметка не является обязательным элементом сайта. Однако правильно оформленный информационный сниппет дает пользователю расширенный ответ на его запрос. Это означает, что вы получите заинтересованного посетителя, которому нужна именно та информация, которую предлагает ваш сайт.
Лучший способ создания микроразметки – использование автоматических генераторов. Это ускоряет задачу и снижает риск ошибок. И не забывайте о проверке разметки, чтобы случайно не навредить своему ресурсу. Это рекомендуется делать всеми тремя рассмотренными в статье инструментами, чтобы получить как можно более детальные рекомендации и отчеты.
В нашем специальном разделе вы можете разместить свой заказ и найти специалиста, готового помочь с задачей любого уровня сложности.
*запрещенная в РФ организация