Как сделать сниппет для яндекса в wordpress
Обновлено: 04.07.2024
Сниппет (с англ.яз. snippet – отрывок, фрагмент) – это текстовое превью содержимого страницы, которое пользователь видит в выдаче поисковика. Если он оформлен корректно, пользователь понимает, отвечает ли страница запросу.
Сниппет состоит из:
- заголовка страницы или статьи, которая находится на странице (title);
- адреса страницы (URL-адрес);
- краткого описания.
Расширенная версия сниппета может содержать фавиконку, картинку, превью видео, цену, режим работы и прочие настраиваемые нюансы, которые выгодно выделяют страницу.
Привлекательность страницы для посетителя в выдаче поисковика играет важную роль в эмоциональном восприятии и желании перейти на страницу.
В этой статье мы подробно рассмотрим составляющие качественного сниппета, как правильно и красиво его оформить, поговорим о расширенных сниппетах и научимся анализировать сниппеты конкурентов.
Как формируется сниппет
Поисковые системы формируют сниппет из контента страниц, “цепляясь” за теги и . Но для одной страницы поисковик может выдать разные сниппеты, опираясь на запросы пользователя.
Длина описания составляет 160-240 знаков, а заголовка – 70-80 знаков.
Если вы не заполнили Description, Яндекса подтянет в сниппет фрагмент страницы, наиболее соответствующий запросу пользователя.
В поисковых системах Google и Яндекс сниппеты частично различаются. Например, в Яндексе отображаются фавиконки и цветные значки, которые показывают насколько популярен сайт, а в Google нет.
Дополнительные элементы и выделение слов из запроса
Яндекс
Адрес и контакты
Яндекс
Подробности кулинарных рецептов
Яндекс
Сведения об авторе и жанре творческой работы
Яндекс
Описания к фильмам
Яндекс
Дата публикации (для новостных сайтов и блогов)
Яндекс
Быстрые ссылки
Яндекс
Как видим, функциональность сниппетов для двух поисковых систем отличается.
Как сделать правильный сниппет
Как мы писали выше, важно грамотно составить Title и Description. Если алгоритм поисковика вдруг проигнорирует заготовленное описание, можно скрыть от него и нежелательные для сниппета слова или блоки командой .
Рекомендуем разбавлять текст в сниппете, разделять его знаками препинания и эмодзи. Так же стоит качественно прописать заголовки уровней H1-H3.
Что можно использовать в сниппете для Яндекса
Эмодзи
Эмодзи, как черно-белые, так и разноцветные, в сниппете все еще привлекают внимание пользователей.
Но тут стоит обратить внимание:
- не все CMS поддерживают эмодзи;
- не все эмодзи отображаются поисковиками;
- на телефонах и компьютерах эмодзи могут выглядеть по-разному.
Избежать недоразумений с отображением поможет сервис Коллаборатора Emoji. Их можно искать по названию, отсортировать по цвету кожи.
Щелкните на нужый вам эмодзи, чтобы посмотреть, как он будет отображаться в Google, Microsoft или Apple, ведь иногда они выглядят совершенно по-разному. Если вы подобрали смешную рожицу для пользователей Apple, то не факт, что android-юзеры получат от вашего сниппета правильный месседж из-за иного отображения эмодзи.
Фавиконка
Favicon – это значок в формате .svg или .ico, который размещается перед URL страницы. Поскольку это очень маленький визуальный объект, лучше использовать простейшую графику в стилистике сайта или логотип.
Дополнительные знаки, плашки в сниппете
Следующие фишки помогут привлечь более продвинутых пользователей. Самыми распространенными дополнительными значками являются:
AMP – ускоренная мобильная страница. Будет плюсом для тех, кто ищет информацию со смартфона, и дает возможность попасть в новостную карусель. Для получения этого значка необходимо добавить AMP на сайт.
Сниппет с картинкой
Как бы не смешно это звучало, разработчики Яндекса утверждают, что невозможно предугадать какая картинка со страницы попадет в сниппет. Что ж, имеет смысл подготовить несколько вариантов и скрестить пальцы.
Готовя картинку, придерживайтесь размеров 90*90 точек и формы квадрата. Не тратьте время на микроразметку. Обратите внимание, что размещенная в сниппете картинка забирает место у текста.
Видео в сниппете
С видео история схожа с картинками. Нет необходимости в микроразметке, не предугадаешь что отобразится. К слову, если на странице есть и фото, и видео, что выберет алгоритм поисковика – будет сюрпризом.
Быстрые ссылки
Используя Вебмастер, вы можете настроить какие быстрые ссылки будут отображаться в сниппете. Чтобы поисковик правильно определял необходимые ссылки, настраивайте логику категорий. Ссылки всегда выделены цветом и размещены в описании или под сниппетом.
Существует три вида быстрых ссылок:
- Ссылка для главной страницы.
- Ссылки на другие страницы сайта. Они формируются если связаны с запросом.
- Якорные ссылки. Это навигационное меню по тексту на странице, рекомендуется использовать ключевые слова в прямом вхождении
Цена в сниппете
Цепляющая пользователей функция. Для размещения цены можно прописать ее вручную, использовать микроразметку или YML выгрузку (если ваш магазин размещен на Яндекс.Маркет). При этом все три варианта можно использовать одновременно, поскольку результат так же непредсказуем, как и с картинками.
YML выгрузку рекомендуется использовать всегда, поскольку поисковый алгоритм постоянно проводит индексацию YML, актуализируя цены в случае их изменения. Из минусов – необходимо иметь начальные знание по программированию.
Звездочки рейтинга
Звездочки рейтинга невероятно популярны и повышают CTR. Конечно, если у вашего сайта действительно хорошие отзывы.
Для их настройки используйте микроразметку AggregateRating и добавьте функцию получения рейтинга на сайте. Альтернативный вариант – добавить ссылку на сторонний источник с отзывами.
Расширенные сниппеты Google
Например, микроразметка article полезна новостным ресурсам или блогам. В этом случае в сниппете выводится информация про автора, время публикации, картинка.
Если вы ведете репортаж и в течении дня дополняете статью, бонусом будет dateModified, который автоматически обновляет дату публикации после изменения статьи.
Когда отображаются расширенные сниппеты
Важно понимать, что расширенные сниппеты имеют смысл только тогда, когда на странице сайта есть информация, на основе которой они формируются. А так же помните, что они могут не отображаться на разных устройствах.
Вот так выглядит поиск работы в Google:
Например, сниппеты “how to” – “как сделать” – могут отображаться только на мобильных устройствах.
Информация о книге:
Как получить расширенные сниппеты
Важно обратить внимание на четкую структуру данных на странице сайта, чтобы Google легко их определил и использовал для результатов поиска.
Также до публикации страницы рекомендуем проверить визуальное отображение расширенного сниппета через инструменты проверки расширенных результатов в Google.
Сбор и анализ сниппетов конкурентов
Собирать информацию о сниппетах конкурентов и анализировать ее необходимо, чтобы повысить позицию своего сайта при выдаче поисковика. По сути вы создаете топ лучших сайтов среди конкурентов и используете их шаблоны как чек-лист. А дальше ищите идеи, как стать лучше и повысить конверсию.
Чтобы не тратить время на ручной сбор информации, рекомендуем пользоваться инструментами:
Пиксель Тулс, условно бесплатный сервис для поиска страниц конкурентов по заданным критериям. Имеет ограничение на сто запросов.
Топвизор, платный сервис для сбора информации. Распределяет запросы и критерии по папкам, можно выбрать поисковые системы, искать по заданным URL страницы конкурентов, переключаться между режимами поиска без потери результатов, сравнивать выдачи по разным поисковикам.
MegaIndex com, функционал схож с предыдущим сервисом. Через него вы также можете проверить сниппеты конкурентов.
Более подробно о сниппетах и их генерации можно узнать на бесплатном курсе по SEO для новичков от Сергея Кокшарова, который доступе в Академии Коллаборатора.
Генераторы сниппетов
Чтобы уменьшить сюрпризы автоматического формирования сниппетов, умные люди придумали онлайн ресурсы для генерирования сниппетов.
Чтобы сформировать сниппет и посмотреть, как он будет выглядеть в поисковых системах, воспользуйтесь сервисами Коллаборатора:
Тут есть библиотека на 3000+ цветных эмодзи, можно просмотреть, как будет выглядеть сниппет на разных устройствах
Там же вы можете сразу вставить эмодзи в заголовок и описание. В симуляторе сниппетов для Google можно добавить дату и рейтинг.
Сервис поддерживает три языка – русский, украинский, английский.
В сервисе Majento можно просмотреть как будет выглядеть описание странице в Google поисковике и внести коррективы до публикации страницы.
Генератор Saney помимо проверки сниппета, дает возможность добавить в него черно-белые смайлики и символы.
А как давно вы проверяли, как выглядят ваши сниппеты? Воспользутесь описанными сервисами, чтобы взглнуть на ваш сайт глазами пользователей и сделать его более привлекательным.
Посмотрите еще раз на скриншоты сниппетов и подумайте, на какие бы вы кликнули и почему. А потом смело берите на вооружение понравившиеся фишки😉
Поисковые системы, такие как Google, Bing или Яндекс пытаются вытянуть все больше и больше семантики из контента сайтов, который они индексируют каждый день. Специфическая разметка, такая как microdata и microformat, создавалась для того, чтобы помочь поисковым системам понять значение вашего контента. Поисковики интерпретируют эти данные, чтобы предоставлять дополнительную информацию на страницах результатов поиска. Наличие расширенных сниппетов в поиске оправдывается хорошей кликабельностью по ссылкам. В этой статье расскажу как добавить расширенную контактную информацию на свой сайт на WordPress, и она будет отображаться в виде расширенного сниппета в результат поиска.
Что такое эти расширенные сниппеты для контактов?
Вы наверное уже видели их, даже не подозревая что это то самое.. Отображается релевантные контактные данные, такие как адрес, город, номер телефона и прочее под описанием сайта на страницах поисковиков. Вот, например:
Зачем это нужно?
Хороший вопрос. Расширенные сниппеты играют большую роль в том, чтобы помочь понять пользователю, что именно ваш контент наиболее релевантен его запросу. Также они повышают CTR (Click Through Rate) в результатах выдачи. Это хороший способ обойти ваших конкурентов по выбранным ключам. Часто маленькие компании прибегают к этому способу выделить себя в поиске среди крупных компаний.
Как добавить расширенный сниппет контактов в WordPress
Рассмотрим два способа добавить их на блог. Первый — с помощью плагина, а второй — кодом.
Способ 1 : с помощью плагина Rich Contact Widget
Самый простой путь — использовать плагин Rich Contact Widget plugin. После установки и активации плагина, идем во Внешний вид — Виджеты. Заполняем нашу контактную информацию, и пусть плагин дальше сам занимается необходимой разметкой для сниппетов.
Дополнительно, кстати, можно отобразить карту вашего месторасположения, и предоставить ссылку на скачивание vCard, содержащую ваши контакты. Но это настройки только для посетителей вашего сайта, их можно отключить в настройках виджета.
Способ 2: Добавляем код в тему
Этот способ предполагает редактирование файлов вашей темы WordPress в том месте, где вы хотите отобразить контактную информацию. Пример ниже покажет как вы можете одновременно добавить microdata и microformat, однако можно использовать только один из них (Google больше предпочитает видеть microdata )
Также в коде выше можно увидеть функцию под названием antispambot(). Это специфическая функция WordPress для защиты вашего электронного адреса (email) от спам-ботов. Не очень известная, но очень полезная.
Тестирование вышеупомянутого на своем сайте
После использования одного из способов выше, поисковые системы смогут увидеть расширенные сниппеты на вашем сайте. Проверить можно здесь с помощью Google. Введите ссылку, которую хотите просмотреть, и увидите микроразметку.
Всё. Всё готово, теперь поисковики проиндексируют страницу со сниппетом, и, спустя какое-то время, отобразят в результатах поиска.
По вопросам/предложениям, прошу в комментарии.
Про вставку PHP кода и специальных хаков в WordPress я уже публиковал две заметки, сегодня дополню их еще одним хорошим методом (модуль Code Snippets). При добавлении простых скриптов или вывода информации в сайдбаре можно установить специальный виджет PHP кода, для более сложных решений рекомендуется использовать файл functions.php WordPress темы. Большинство хаков для системы, которые вы найдете в интернете, реализуется именно вторым вариантом. В статье по ссылке выше я рассмотрел все нюансы по этой теме, однако новичкам может быть сложно копаться в файлах шаблона в поисках места размещения WordPress сниппетов. Для таких случаев могу посоветовать плагин Code Snippets. Кроме простоты работы, он обладает парочкой очень интересных плюсов!
Основные плюсы Code Snippets:
- запускать сниппет везде (админка + сам сайт);
- во фронтенде сайта;
- only run in administration area — только внутри системы;
Что касается экспорта. Сохраняются скрипты для переноса в XML формате, вы можете экспортировать элементы по одному или выделить сразу несколько (как на картинке ниже):
Импорт производится в одноименном пункте меню. После завершения процедуры переходите в All Snippets и активируете нужные WordPress сниппеты. Больше информации по Code Snippets ищите в FAQ на официальной странице модуля.
Напоследок один важный момент. Если в процессе работы у вас возникли проблемы с сайтом, и тот перестал грузиться, можете активировать безопасный режим плагина. Для этого добавьте следующую строку в файл wp-config.php:
Затем деактивируйте или удалите тот вордпресс сниппет, из-за которого и случилась ошибка. Еще раз повторюсь — чтобы вставить PHP код в WordPress сайт НЕ нужно добавлять открывающие и закрывающие теги в редакторе плагина. Если в найденном в интернете примере они есть, копируйте только код между ними. Разумеется, это не касается подобных тегов, когда они используются внутри хака для выделения HTML секций.
В целом, Code Snippets — отличный модуль! Функция импорта может сэкономить массу времени — вы просто загружаете на новый сайт всю свою подборку заранее заготовленных WordPress сниппетов, а потом активируете нужные из них. Подсветка синтаксиса + применение только для бэкенда/фронтенда — тоже весьма полезны. Рекомендую.
Если у вас есть что добавить про Code Snippets и по теме вставки PHP кода и WordPress, пишите в комментариях.
Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!
Оцените статью:
Категории: Плагины; Хаки и секреты;
Теги: php, вордпресс веб-разработка, интересные плагины, новичкам, обзоры плагинов, полезные плагины, правка функций wp, правка шаблона.
Здравствуйте, подскажите пожалуйста насчет сниппета в поисковике, почему у меня в поисковике высвечивается сниппет который я писал, а затем после него пишется описание моей последней статьи?
Как сделать чтоб высвечивалось только то, что я писал в сниппете
в поисковике высвечивается сниппет который я писал
Где и как писали?
а затем после него пишется описание моей последней статьи?
А его кто написал?
Разве не у кого не было подобной проблемы?
Разве не у кого не было подобной проблемы?
В этом разделе задается шаблон для автоматической генерации сео заголовков и описаний главной страницы, записей, статических страниц и тд. Еще раз подчеркиваю ШАБЛОН. Можно и вручную ввести описание, но тогда оно будет одинаковым для всех записей и страниц. Именно такую глупость вы и сделали.
Поэтому надо настроить только шаблон.
При создании записей или страниц можно или оставить настройки вывода заголовков и описаний по умолчанию или при необходимости вручную ввести их.
Вы же ввели описания и там и там. Поэтому не надо удивляться той сео-каше, которая творится на вашем сайте.
Так что включайте мозги и думайте над мною сказанным. Сделать правильный сайт — это вам не мышцы накачивать….
- Ответ изменён 2 года, 8 месяцев назад пользователем grad404 .
- Ответ изменён 2 года, 8 месяцев назад пользователем grad404 .
Я рассказал и показал как правильно пользоваться плагином. По поводу того как и по какому принципу Яндекс и другие ПС воспринимают заданные мета заголовки и мета описания — задавайте в их поддержку.
описание моей последней статьи которое мне не нужно
Очень однобокий взгляд! Вы смотрите только на сниппет главной страницы.
А если человек ищет конкретно ту информацию, которая содержится в одной из ваших конкретных записей? Об этом не подумали? И что плохого в том. что к описанию сайта добавляется более уточненное содержание в виде описания последней записи? Если вы не согласны с этим — дальнейшее обсуждение этого вопроса вам следует продолжить на сео-форумах. К WP это не имеет никакого отношения.
Читайте также: