Использование расширенного поискового сниппета позволяет дополнительно получить переходы целевой аудитории.
Вам страшно влезать в исходный код портала, чтобы добавить в него строчки с разметкой? Как сделать расширенный сниппет? Посмотрите на нашу инструкцию. В ней есть вся необходимая информация, полезная в случае, если ранее у вас не было опыта работы с HTML-кодами.
Расширенный сниппет: для чего он нужен?
Сниппет – это элемент результатов выдачи в ПС, выведенный как доп. описание веб-ресурса под гиперссылкой. Благодаря сниппету пользователь понимает, подходит ли ресурс по введенному запросу.
В алгоритме ПС формирование сниппета происходит в автоматическом режиме. За основу берется description или текст на главной странице. Объем стандартного сниппета не превышает 160 сим. с пробелами, что сравнимо с двумя короткими предложениями.
У владельцев сайтов есть возможность добавить расширенный сниппет в Гугл без дополнительной траты денег, повышая тем самым презентабельность странички в выдаче. Структура содержания и дизайн определяются тематическим содержанием страницы, разновидностями данных, необходимых для отображения, а также используемыми инструментами.
Для чего необходим расширенный сниппет?
Посредством расширенного сниппета ссылка становится визуально привлекательной, эффективной с точки зрения полноты описания. Владелец ресурса, создав расширенный сниппет, сможет подтвердить релевантность своего проекта запросу потенциальных посетителей.
Итог – увеличение статистических результатов переходов на портал с одновременным улучшением поведенческих параметров ресурса. Уменьшается количество нецелевых попаданий, из-за которых срабатывает уменьшение числа отказов.
Получение расширенного сниппета через функционал Schema.org
Внедрение разметки с помощью портала Schema.org возможно несколькими путями. Самым правильным выступает одновременно самый сложный метод. Тут придется самостоятельно собирать код, который позже придется указывать на размечаемой страничке. Для примерного понимания работы микроразметки Schema.org нужно заранее создать несколько страниц, используя в каждой из них отдельный список функций.
Порядок прописывания атрибутов не надо зубрить. Все, что пригодится – это понимание принципа работы с ресурсом Schema.org.
Правила микроразметки страницы через маркер Google
Владелец аккаунта способен получить набор расширенных сниппетов благодаря разметке «Маркер» из Search Console старого поколения, доступ к которой закрыли осенью 2019-го. Пока что на новой версии отсутствует аналог, зато старый вариант легко открыть по гиперссылке: https://www.google.com/webmasters/tools/data-highlighter?pli=1. Чтобы перейти к нему, надо авторизоваться в свою учетную запись Гугл.
На новой странице кликаем по кнопке «Начать выделение». Последовательность действий следующая.
- Вводим ссылку на страничку, для которой требуется разметка.
- Определяем оптимальный вариант разметки.
- Ставим галочку возле функции «Отметить только эту страницу», когда требуется вставка разметки лишь для одной страницы. При одновременной вставке для нескольких страничек функция «Отметить эту и похожие страницы» будет иметь вид по умолчанию.
- После выбора страницы система перейдет в маркировочный режим.
- Выбираем подходящие фрагменты текстового контента с помощью курсора, а затем прописываем подходящие значения для атрибутов.
Аналогичным методом размечаем другие оставшиеся данные. Допустим, если вам надо разметить страничку, посвященную фильму, укажите год выпуска, жанровую принадлежность, исполнителей ролей, режиссера кинокартины. Выделив релевантные данные, кликните по кнопке «Опубликовать». Во время следующей сессии индексирования поисковая система заметит внесенные изменения, опубликовав расширенный сниппет в результатах.
Использование помощника Google
Благодаря помощнику от Гугл веб-дизайнеру открывается право добавлять набор структурированных данных в HTML-код e-mail, либо на странички портала. После прохождения авторизации в системе сообщите адрес URL-странички, нуждающейся в разметке. Выбрав тип данных, кликните по кнопке «Начать разметку».
Появится новая страница. Выбираем текст курсором, а затем прописываем атрибутам значения по аналогии с маркерами. Закончив обработку разметки, нажимаем кнопку «Создать HTML». Появится фрагмент с выделением кода разметки. Его надо вставить вручную на страничку портала.
Получение расширенных сниппетов через микроформат
Микроформат позволяет опубликовать контактную информацию компании или ее представителя в сниппете. Аналогичная возможность доступна и для сведений о продукции, комментариев, различных инструкций. Для определенных видов микроформатов разработчики опубликовали набор генераторов исходного кода, работающих в автоматическом режиме. Оптимизаторы предпочитают пользоваться следующими ресурсами:
- hCalendar (для событий);
- hCard (для контактных данных);
- hReview (для отзывов).
Приступим к созданию разметки с контактными сведениями. В hCard указываем подробную информацию. С помощью поля preview можно заранее ознакомиться с карточками, на которых опубликован набор персональных данных. Именно ее и будет демонстрировать поисковая система. Убедившись в корректности прописанных данных, добавьте исходный код в буфер обмена, а затем интегрируйте его в исходный код. Расширенный сниппет в Яндекс или Гугл появится после завершения следующей индексации поисковиком.
Разработка описаний для соцсетей
Чтобы решить эту задачу, воспользуйтесь универсальным инструментом – Open Graph. С этим протоколом работает большое количество известных соцпорталов.
Для интеграции кода Open Graph необходимо использовать генератор, работающий в автоматическом режиме. К примеру, по гиперссылке http://webcodetools.com/open-graph-generator/. Заполнив все поля для ввода, после компиляции надо добавить созданный код в буфер обмена, а затем перевести на страничку. Исходник должен присутствовать между тегамии. Благодаря контекстному меню Type можно подобрать разновидность контента, точно подходящего под описание. Например, видеозапись, статья, литературное произведение.
Выбор расширенных сниппетов по типу сайта
Владельцы сайтов зачастую не знают, на каком сниппете остановить выбор, опираясь на тематику проекта. Сначала нужно сформировать перечень задач, с которыми надо справиться. Начните изучать базовые виды разметки. На момент подготовки материала Гугл перестал работать с разметкой Authorship. Рекомендуем не акцентировать на ней свое внимание. При необходимости выйти за грани стандартной разметки, опирайтесь на специфику портала.
Начав работу в интернете со своего магазина, пользуйтесь следующими разновидностями сниппетов:
- обзоры и комментарии;
- продукты. При продвижении в ПС Яндекс вам доступен специальный ассистент «Товары и цены»;
- контактная информация. Пропишите номер телефона центра обслуживания, склада выдачи товаров, либо локального представительства в вашем городе. На помощь приходит микроформат или Schema.org;
- Search Box. Выберите специальный плагин в WordPress, либо найдите код из интернета, вставив в его сведения о своем сайте;
- Person. Эта разновидность разметки поможет грамотно представить информацию о создателях продукции, независимых специалистах, либо авторах статей.
При работе над контент-проектами оцените следующие разновидности разметки:
- события;
- статьи. Пользуйтесь генератором разметки, либо найдите в интернете код, добавив в него информацию от своего сайта;
- обзоры и комментарии;
- контактные данные;
- Person.
Администраторам сайтов на корпоративную тематику рекомендуется посмотреть на нижеприведенные разновидности расширенных сниппетов:
- статья;
- обзоры и отзывы;
- продукты;
- контактные сведения;
- Person.
Не забывайте о разновидностях разметки и сниппетов, которые подходят проектам узкотематической направленности:
- рецепты для порталов из области кулинарии;
- фильмы для кинематографических веб-проектов;
- литература для веб-сайтов, которые торгуют книгами или публикуют отзывы.
Не стоит игнорировать микроразметку, обнаружив, что алгоритм решил не отображать полное описание после его интеграции. Продолжайте публиковать статьи, добавлять еще большее количество страниц с разметкой. Вполне возможно, поисковик оценит ваш портал, позволив выводить расширенный сниппет.
Получение расширенного сниппета – это просто!
Вам важно подобрать вид описания, который хочется демонстрировать в выдаче ПС. Выберите язык разметки, благодаря которой вы будете передавать поисковому алгоритму поток набор объединенных данных. Оптимизаторы рекомендуют пользоваться словарем от Schema.org. Для его реализации подойдет методика микроданных.
Необязательно вручную прописывать код. Помните о существовании генераторов, работающих в автоматическом режиме. К примеру, Schema Markup Generator. При ежедневном создании страничек с разметкой пополните свой портал расширением либо плагином, который будет создавать семантическую разметку. Для упрощения взаимодействия с социальными сетями пользуйтесь Open Graph.
Перед тем как сделать большой сниппет, вы должны понимать, что даже при соблюдении всех правил ПС не гарантирует, что расширенный сниппет отобразится в выдаче.
Работа с Schema Markup Generator
Schema Markup Generator – это генератор, позволяющий создавать микроразметку. Его функционал опубликован в открытом доступе. Для использования возможностей системы не нужно досконально ориентироваться в веб-программировании. Достаточно владеть базовым английским, либо уметь хорошо пользоваться переводчиком. Важно понимать, в какое именно место вставлять код, сгенерированный инструментом.
Например, благодаря Markup Generator вам надо доработать страничку одного контент-менеджера крупного блога. Выбираем тип разметки Person («Персона»). На новой странице указываем основную информацию о нем – ФИО, гиперссылку на его изображение, персональный профиль и социальную сеть, которой он пользуется. Также интерфейс поддерживает указание наименования организации и должности.
Для проверки полученного результата кликаем по оранжевой иконке Google вверху справа, добавив инструмент Structured Data Testing Tool. В открывшейся вкладке запускаем функцию «Проверка структурированных данных». Таким образом, пользователь сможет найти ошибки, визуально ознакомиться с результатом работы, а также почитать предупреждения от интерфейса, если что-то не так.
Нажав на синюю кнопку «Copy», исходный код готовой разметки попадет в буфер. Остается интегрировать его в код странички, воспользовавшись для этого вашей системой управления контентом.
Если по тем или иным причинам вы отказываетесь от сервиса Schema Markup Generator, попробуйте альтернативные варианты.
- Если ваш проект построен на базе платформы WordPress, посмотрите плагин Schema Creator. Также доступны и альтернативные решения, которые можно найти по фразе Schema.org.
- Для порталов на основе системы Joomla! воспользуйтесь инструментом редактирования JCE и дополнением J4Schema.org.
- Хоть и платформа Drupal менее распространена в России, ее все равно используют тысячи веб-мастеров. Используйте модуль Schema.org.
И это далеко не полный список доступных плагинов. Для известных CMS выполните поиск во внутренних каталогах расширений.