• Блог
  • Расписание
  • Моя история
  • Команда
  • Контакты

+7 (988) 387-10-17

Написать

+7 (988) 387-10-17

Написать
Главная › Блог

КАК ПРАВИЛЬНО СОЗДАТЬ РАСШИРЕННЫЙ СНИППЕТ

13 декабря 2019

241

SEO-продвижение

В этом практическом руководстве мы разберемся с тем, что такое сниппет сайта и как в 2019 году  сделать правильный и красивый расширенный сниппет.

Сниппет (snippet) – это своего рода визитка на современных поисковых страницах выдачи. Смотрится красиво, информационной пользы много, плюс добавляет пользовательские клики и переходы. Наладить расширенные сниппеты для своего ресурса довольно легко, даже если вы не дружите с кодом от слова совсем.

  • Чем же так полезен расширенный сниппет
  • Выбираем словарь и синтаксис разметки
  • Создаем расширенный сниппет на базе Schema.org
  • Создаем расширенные сниппеты мастером разметки данных Google
  • Создаем расширенный сниппет, используя микроформаты
  • Как сделать расширенное описание в соцсетях

Чем же так полезен расширенный сниппет

Сниппет состоит из заголовка и описания или аннотации документа, а также может включать дополнительную информацию о сайте, любезно сообщает нам Яндекс. Если проще, то сниппетом называется блок с кратким описанием страницы, которое выдает поисковик чуть ниже заголовка и ссылки. Это поможет потенциальным посетителям понять, что ваш ресурс «релевантен запросам» по полной программе.

 

Формируется сниппет автоматом, вся требуемая информация берется из содержимого на странице или из метатега <description>. Ограничение на описание - примерно 160 символов (по объему – как раз этот абзац).

Но никто не мешает сделать вам расширенный сниппет и тем самым выделится среди строчек поисковой выдачи. Дизайн и содержимое расширенного сниппета различаются в зависимости от тематик, инструментов создания и типов данных.

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

Выбираем словарь и синтаксис разметки

Чтобы все работало и сниппет показывался – без семантической микроразметки не обойтись. Для этого существует несколько основных словарей и синтаксисов к ним:

  • Классика жанра Schema.org. «Схема» поддерживается Яндексом, Гуглом, даже Microsoft Bing ее любит. Есть возможность описания чуть ли не сотен разных вариантов.

  • Язык Microformats.org. Уступает предыдущему по ряду причин. Главная – это Яндекс. Яндекс в настоящее время признает только пару типов разметки этого языка – hCard (адреса и контакты) и hRecipe (кулинарные рецепты). Остальные ПС с удовольствием смогут структурировать данные о персонах, публикациях и отзывах.

  • Open Graph подойдет соцсетям. Ссылаться на ваш сайт после «подключения» этого языка можно будет из FB, VK, Twitter, причем с помощью привлекательных описаний.

Все эти языки могут быть внедрены различными синтаксисами, но пристального внимания заслуживают лишь Microdata ( замечателен своей простотой и возможностью использовать html теги и атрибуты) и JSON-LD. Если вам требуется приземлить сниппет на страницы всех топовых поисковиков, то лучше «Схемы» и этих двух синтаксисов нет.  RDF же является синтаксисом Open Graph’а.

Создаем расширенный сниппет на базе Schema.org

Здесь вариантов два – простой и сложный. Сложный вариант создания сниппета подразумевает полное погружение в язык и сборку блока самостоятельно. Это увлекательно, рекомендую на досуге попробовать, но в начале статьи были заявлены немного другие цели и наш вариант – Schema Markup Generator.

Для освоения это инструмента пригодится базовый английский и понимание того, куда размещать итоговый код.

Для наглядного примера размечать будем сниппет личности. Выбираем «Person»

Далее прописываем разновидность вашего рода деятельности и все необходимые данные, профили-ссылки и тд. Картинки в сниппетах тоже можно вставлять.

Чекаем правильность работы с помощью верхней правой кнопки «G» и пункта «Structured Data Testing Tool». В новом окне жмем «Validate» и устраняем недочеты или ошибки, если они всплыли.

Если все в порядке и сниппет готов к внедрению, то жмем кнопку копирования (рядом с кнопкой «G») и помещаем код в нужную вам часть страницы сайта.

В случае, если Schema Markup Generator не подошел, то всегда есть множество альтернатив для популярных CMS (Schema Creator для WP, JCE для Joomla и тд) Выбирайте подходящий вам и помните,что суть – в освоении принципа создания сниппета, а не в конкретном инструменте. Для синтаксиса JSON-LD, кстати, есть один нюанс – можно размечать сниппеты, которые будут видны только поисковым системам.

Создаем расширенные сниппеты мастером разметки данных Google

Marker Helper – отличный инструмент. Он позволяет создавать структурированные данные и помещать их внутрь страниц или в любой html-код, хоть в подпись почты. Логинимся и указываем адрес страницы для ее последующей разметки, указываем тип и жмем кнопку «Start Tagging»

На следующем этапе маркируйте нужные поля и задавайте им тип

Далее, генерируем html-код нужным вам синтаксисом. Если слева элементы поплыли – не страшно :) Копируем блок с кодом в подходящую часть сайта.

 

Создаем расширенный сниппет, используя микроформаты

Микроформаты будут полезны, если в сниппете нужно показать персональные контакты или контакты учреждения, рецепты, описание для товаров или отзывы. Некторые микроформаты имеют автогенераторы – это hCard для контактов, hCalendar для мероприятий и hReview для отзывов.

Освоим hCard Creator.  Правое нижнее поле – это предпросмотр итоговой карточки. Вносите все требуемые данные, копируйте блок с кодом и размещайте на сайте. Через какое-то время сайт реиндексируется и сниппет станет виден.

Как сделать расширенное описание в соцсетях

Остался open Graph. Этот язык читают все популярные социальные ресурсы и автогенератор для OG тоже имеется – Open Graph Generator. Руку в прошлых языках мы набили, поэтому действуем уже супер-свободно. Вбиваем инфу, генерируем код и размещаем его <head> вот здесь </head>.

Важный момент – размещенная на сайте микроразметка не означает, что расширенный сниппет будет стопроцентно показан в выдаче. Причиной этого могут быть ошибки в самой разметке, наличие спама или хитрые действия с целью обмануть ПС. Для проверки правильности сделанной работы используйте «Google Structured Data Testing Tool». Настройка и проверка сниппета в Яндексе проводится с помощью «Валидатора Микроразметки».

Если поисковик не отображает плод ваших стараний сразу  – не отчаивайтесь. Дайте ПС время и продолжайте трудиться над содержимым, но уже с новой разметкой. Спустя какое-то время все встанет на свои места и сниппет покажется в строчках выдачи.

Онлайн-курс​

Создание прибыльного SEO проекта
своими руками

Как привлекать 1000 новых клиентов и стать
лидером в своей нише? Мы знаем!

Комментарии

Добавить комментарий

Более подробная информация о текстовых форматах

Простой текст

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и абзацы переносятся автоматически.

Читайте также:

20 мая 2020

172

SEO-продвижение

ПРАВИЛЬНОЕ ПРОДВИЖЕНИЕ КОММЕРЧЕСКИХ САЙТОВ
Читать полностью

22 июля 2020

163

SEO-продвижение

ВСЕ, ЧТО НУЖНО ЗНАТЬ ПРО GOOGLE ФАКТОРЫ E-A-T
GOOGLE ФАКТОРЫ E-A-T
Читать полностью

06 мая 2020

153

SEO-продвижение

ВЫБИРАЕМ ДОНОРА ДЛЯ ССЫЛОК
Читать полностью

Онлайн-курс​

Создание прибыльного SEO проекта
своими руками

Как привлекать 1000 новых клиентов и стать лидером в своей нише? Мы знаем!

Записаться на курс

Рубрики блога

  • SEO-продвижение48
  • Бизнес идеи1
  • Кино1
  • Лайфхак3
  • Маркетинг5
  • Продажи5
  • Соц сети3
 

Рекомендуемые статьи

20 мая 2020

172

SEO-продвижение

ПРАВИЛЬНОЕ ПРОДВИЖЕНИЕ КОММЕРЧЕСКИХ САЙТОВ
Читать полностью

21 ноября 2019

259

SEO-продвижение

КРАУЛИНГОВЫЙ БЮДЖЕТ, ОСНОВЫ И ОПТИМИЗАЦИЯ
Читать полностью

16 декабря 2019

224

SEO-продвижение

ПРОДВИЖЕНИЕ МОЛОДЫХ САЙТОВ
Читать полностью

22 июля 2020

163

SEO-продвижение

ВСЕ, ЧТО НУЖНО ЗНАТЬ ПРО GOOGLE ФАКТОРЫ E-A-T
GOOGLE ФАКТОРЫ E-A-T
Читать полностью

25 ноября 2019

271

SEO-продвижение

ЧЕК ЛИСТ ЗАПУСКА САЙТА
Читать полностью

Запись на курсы

Запись на курс

Курсы SEO-продвижения
Артёма Ирошникова. © 2019 г.

+7 (988) 387-10-17

me@artem-iroshnikov.ru

г. Краснодар, ул. Красных Партизан, 222

  • Блог
  • Расписание
  • Моя история
  • Команда
  • Контакты
  • Telegram
  • Facebook
  • YouTube
  • Instagram
  • VK
  • Twitter