Google: как настроить содержимое и внешний вид поисковых сниппетов

Навигация

Навигация в сниппете позволяет пользователю быстро сориентироваться и – сразу перейти в актуальный раздел. Для Яндекса “Хлебные крошки” генерируются автоматически, на основании структуры. Поэтому так же, как и с быстрыми ссылками, стоит хорошо проработать структуру. Этого будет достаточно.

Что касается названия разделов – они берутся из title-ов и текстов. Т.е. Яндекс находит и подбирает короткое и точное описание и помещает в цепочку.

Следовательно, чтобы поменять их – стоит стараться указывать точные title, а также, если они длинные, ссылаться на эти страницы с помощью правильных слов. Тогда, вероятно, Яндекс назовет их именно так. А еще лучше если тайтл и ссылки будут вовсе совпадать. Во всяком случае так утверждается в поддержке. https://yandex.ru/support/webmaster/search-results/navigation.html

Как изменить сниппет в поисковых системах

За счет чего формируется сниппет? А строится он, прежде всего, за счет очень важного мета тега description, про который все новички вечно забывают, поскольку им кажется, что его заполнять не так важно. Ещё хуже, когда вебмастеры просто перечисляют в нем список ключевых слов

Вернемся к description. Синтаксис этого мета тега:

Допустим он у Вас заполнен по всем правилам, но это вовсе не стопроцентная гарантия, что поисковая система (имеется ввиду Яндекс) будет использовать Ваше описание «description». Вот в Google ситуация со сниппетами предельна проста. То, что написано в description, то он и отображает.

С Яндексом все сложнее. Для него этот мета тег является лишь рекомендацией, а не правилом. Его алгоритмы зачастую сами составляют описание для страницы путем вырезания кусков текста на странице. В некоторых случаях это получается хорошим описанием, но бывает и не очень. Поэтому надеяться на алгоритмы не стоит. Лучше перепроверять иногда их самостоятельно или же воспользоваться такой функцией в Яндекс Вебмастер.

Как же все-таки можно повлиять на сниппет в Яндексе, если он его сгенерировал сам? Ну, как это не странно звучит, для начала нужно обязательно прописать хороший мета тег description. Если это не помогло и сниппет все равно берется из текста страницы, то остается только одно: найти этот кусок текста на странице и отредактировать его так, чтобы получить привлекательное описание страницы. Скажу сразу, что порой это бывает не простой задачей (например, может быть склеен заголовок <h1> и сразу следующее за ним первое предложение). Однако ради результата стоит повозиться с контентом.

Если очень много страниц на сайте

Как и контент на каждой странице должен быть уникальным, так и описание страницы должно быть уникальным. Но что делать, если на сайте тысячи страниц? Ведь поменять все сниппеты на таком гиганте будет очень трудоемкой задачей. Да и трудно придумать так много различных описаний, которые бы ещё и отвечали всем требованиям. В этом случае поступают несколько более простым способом:

• Отбираются запросы, которые располагаются ближе всего к топу. На мой взгляд, достаточно будет найти все запросы в топ30.
• Далее проверяете сниппеты этих страниц на привлекательность. Если Вы считаете, что менять ничего не нужно, то переходите к следующему запросу (но лично я чаще всего нахожу способы переписать сниппет в более лучшем виде).
• Через месяца два советую проверить эти запросы. Стал ли отображаться именно тот сниппет, к которому Вы стремились? Если да, то могу вас поздравить с достижением поставленной цели.

Даже после одной такой итерации можно получить существенное улучшение видимости сайта в поисковых системах при незначительных затратах времени и денежных средств. Поэтому советую оптимизировать свои проекты, в особенности те запросы, которые нужно продвинуть, поскольку это просто необходимо в нынешних условиях SEO.

Snippet scope

Snippets are scoped so that only relevant snippets are suggested. Snippets can be scoped by either:

1. the language(s) to which snippets are scoped (possibly all)
2. the project(s) to which snippets are scoped (probably all)

Language snippet scope

Every snippet is scoped to one, several, or all («global») languages based on whether it is defined in:

1. a language snippet file
2. a global snippet file

Single-language user-defined snippets are defined in a specific language’s snippet file (for example ), which you can access by language identifier through Preferences: Configure User Snippets. A snippet is only accessible when editing the language for which it is defined.

Multi-language and global user-defined snippets are all defined in «global» snippet files (JSON with the file suffix ), which is also accessible through Preferences: Configure User Snippets. In a global snippets file, a snippet definition may have an additional property that takes one or more language identifiers, which makes the snippet available only for those specified languages. If no property is given, then the global snippet is available in all languages.

Most user-defined snippets are scoped to a single language, and so are defined in a language-specific snippet file.

Project snippet scope

You can also have a global snippets file (JSON with file suffix ) scoped to your project. Project-folder snippets are created with the New Snippets file for »… option in the Preferences: Configure User Snippets dropdown menu and are located at the root of the project in a folder. Project snippet files are useful for sharing snippets with all users working in that project. Project-folder snippets are similar to global snippets and can be scoped to specific languages through the property.

Каким должно быть идеальное описание для человека и поисковика

Типичное описание показывается всегда – хотите вы того или нет. Поисковый робот вырвет фрагмент из статьи или сплетет из других элементов, только вряд ли пользователи сочтут его заманчивым, поэтому над аннотацией каждой страницы надо работать.

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

За 3,5 года копирайтинга я написала более 200 сниппетов. Щелкаю их как орешки.

Как сделать идеальный сниппет? Пользуйтесь чек-листом:

1. Текст дескрипшена не копирует тайтл.
2. Содержит ключевое слово, отвечающее основному поисковому запросу.
3. Используются околотематические слова.
4. Добавлены специальные символы, подходящий фавикон для привлечения внимания.
5. Объем до 200 символов. Максимум 3 предложения.
6. Добавлены хлебные крошки вида: главная страница > раздел > статья.
7. В хлебных крошках понятные и релевантные слова. Например, mebelny320.su > Chehly-na-mebel по запросу “Купить чехлы на мебель”.
8. Указаны контакты.
9. Выгода в первом предложении. Без предисловий наподобие: “в современном мире”, “все мы знаем” и др. Читать прописные истины никто не будет. Человеку хочется закрыть пробел в знаниях, за этим он и лезет в поисковик.
10. Микроразметка о товаре, услуге в сниппете: цена, способ доставки, отзывы, оценка. Включен YML-файл в Яндексе.
11. Добавлены ссылки на соцсети, когда сниппет ведет на главную страницу.
12. В тайтле и дескрипшене упомянут регион целевой аудитории.
13. Тошнотность в пределах 6 – 7,5 %, одни и те же слова желательно не повторять.
14. Отвечает на запрос пользователя.
15. Для коммерческих проектов упоминается уникальное торговое предложение в самом начале.

Эффективный сниппет – это интригующий полезный текст с правильными настройками в поисковой системе.

Best practices

Tips: Keep these best practices in mind when creating or optimizing structured snippets:

• Provide enough information. Aim to include at least 4 values per header.
• Optimize for mobile users. Create shorter snippets to appeal to customers on-the-go.
• Increase your options. Add more than one header-value set. Having multiple sets of structured snippets provides more options and increases the likelihood that a relevant extension will show with your ad.
• Pick the right format. Unlike callout extensions, which can highlight a single unique aspect of your business in a few words, structured snippets should provide a complete group of products or services that your business provides.

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

Данные рекомендации влияют на привлекательность вашего сниппета и его показатель кликабельности (CTR).  Придерживайте нескольких простых правил и главное не старайтесь впихнуть всю информацию о вашем сайте в эти несколько предложений:

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

2

Пишите по существу, только то, что поможет обратить пользователю внимание на вас

3. Скажите “Нет” переспаму. Поисковая система может проигнорировать слишком заспамленный ключевиками текст и взять отрывок текста с сайта.

4. Используйте способы привлечения внимания, например, специальные символы (как на скриншоте). Но не стоит увлекаться, прием должен быть уместным. Более детально о них в следующей статье. 

Мета тег Description — это естественно непосредственное влияние на CTR. Поэтому грамотный и правильный Description способствует увеличение переходов на ваш ресурс

Уделяйте внимание его написанию и размеру. Идеальный вариант —  сниппет, состоящий из цельного Description, без лишней информации из текста на сайте и без обрезанных кусков

Изображения не соответствуют требованиям для отображения в расширенных результатах поиска

В по расширенному присутствию в поиске Google по изображениям всего два требования:

1. Изображения, указанные в свойствах структурированных данных, должны относиться к данному контенту. Например, если вы размечаете изображение новостной статьи (schema.org/NewsArticle.image), то оно должно быть релевантным именно этой статье.
2. Все размеченные изображения должны быть доступны для сканирования и индексации. В частности, рекомендуется создать отдельный файл Sitemap для изображений.

В справочнике по структурированным данным есть свои требования к изображениям:

• Размер картинки — не менее 160×90 px и не более 1920×1080 px (но есть исключения — они будут ниже).
• Соотношение сторон — не более 3:1.
• Форматы картинок: JPG, .PNG, GIF.
• Высокое разрешение (от 800 тысяч px, для товаров — от 50 тысяч).
• Наличие каждого изображения в нескольких вариациях соотношения сторон: 16:9, 4:3 и 1:1.

Для отдельных типов контента есть свои требования:

• Логотип: минимальный размер изображения – 112×112 px.
• Фильмы: соотношение сторон — 16:9.
• Товары: хорошая различимость товара на снимке (например, размещение его на белом фоне).
• Рецепты: на изображении должно быть готовое блюдо.

Для проверки изображений откройте инструмент Проверка расширенных результатов, введите URL страницы и нажмите кнопку «Просмотреть примеры результатов».

Откроется окно предпросмотра расширенных сниппетов. Если картинки не будет, значит она не соответствует требованиям.

Обратите внимание, что предпросмотр доступен не для всех типов данных. Например, для рецептов он доступен, а для статей — нет

Яндекс, в отличие от Google, не выдвигает специфических требований к изображениям. Главное, чтобы они были релевантны контенту.

Сколько символов в сниппете Гугла и Яндекса?

Для разных поисковых систем (Google, Yandex) сниппет имеет свои особенности. Поисковик Google имеет поддержку большого количества видов сниппетов, например, категории, авторство, рейтинги. Яндекс предоставляет больше возможностей для коммерческих сайтов, так как можно добавить описание товаров и услуг.  

Если вы хотите повлиять на создание сниппета в Яндекс, то это не так легко, ведь он формируется из текста. В Гугл все проще — сниппет образуется из Description, который вы заполняете собственноручно. Яндекс анализирует Title, его качество и повторы, которые не приветствуются. Гугл поступает аналогично, но есть разница в количестве слов, в Title войдут только 213 символов. 

Макс. количество символов в сниппете для Яндекс 140 символов без пробелов (160 символов с пробелами). Тоесть вы должны заполнить мета тег  Description двумя вместительными предложениями. Но как уже писали выше очень часто Яндекс составляет сниппет не из Дескрипшн, а берет фрагменты из текста на вашем сайте. 

Ранее длина сниппета Google была короче чем в Яндекс и составляла 120 символов без пробелов. В 2016 году ситуация поменялась и от того времени в тайтл стало помещаться на 2 слова больше, а длина тега Description теперь 250-275 символов. 

Если повлиять на формирование сниппета в Гугл еще можно с помощью правильно созданного Дескрипшн, то в Яндексе контролировать информацию в сниппете гораздо сложнее, но все же есть несколько действенных советов, которые помогут поисковой системе сделать более релевантное описания страницы для вашего сниппета:

• Делайте логические абзацы в тексте длиной не более 240 знаков.
• Оптимизируйте каждый абзац и следите за плотностью ключевиков. 
• Ключ должен размещается чем поближе к началу абзаца.
• По возможности вписывайте ключи в той форме, в которой их вводят пользователи поисковиков.
• Перед и после абзаца избегайте предложений из ключевиками, чтобы не нарушить целостность сниппета

Особенности выдачи сниппетов Яндекса:

У сайтов отображаются специальные значки для привлечения внимания пользователей — Фавиконы.

• Доступно использование специального модуля в описании «Товары и цены», где отображается стоимость конкретного товара или услуги.
• Подтягивается информация с Яндекс.Справочника. Можно указать до 5 страниц, на которых будут отображаться контакты компании. 
• В выдаче основное место выделено коммерческим сайтам-агрегаторам (ресурсы, которые позволяют пользователям выбирать и сравнивать товары сразу нескольких компаний).

Особенности выдачи сниппетов Google:

• Для страниц каталогов выдачи есть возможность добавить цены — От и До, используя для этого микроданные LD-json. 
• Доступна проверка вида сниппета и ошибок в панели управления для веб-мастеров. 

Изучаем сниппеты

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

На самом деле выбор поисковой службы / служб в целях изучения сниппета зависит от трафика на сайт. Чем большую долю трафика приносит поисковик, тем он важнее. Для подавляющего большинства сайтов Рунета главным поисковиком остается Яндекс.

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

1

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

Он должен нести осмысленную информацию, некую логически завершенную мысль. Заголовок должен делать акцент на преимуществах или, как говорят маркетологи, на уникальном торговом предложении (УТП) компании. Регулировать заголовок сниппета несложно, т. к. информация для него берется из тэга .

В приведенных примерах только первая ссылка содержит некое УТП: «кровельные и фасадные материалы из Европы». Также присутствие названия фирмы — Dr Schniefer — усиливает посыл: мы предлагаем европейское, немецкое качество.

Следующая ссылка — традиционный перечень ключевых слов. Здесь тэг < title > создан исключительно для роботов поисковых систем и не учитывает интересы и восприятие людей.

Хуже всего с заголовком сниппета обстоят дела у ссылки № 6. Она выглядит неряшливо, мысль не только не закончена, но и непонятна: пропущены знаки препинания, текст обрывается на полуслове, да и начало со строчной буквы в целом создает неблагоприятное впечатление. Заголовок должен быть достаточно коротким, чтобы не быть оборванным на полуслове.

2. Далее изучаем поясняющий текст. Его регулировать намного сложнее, хотя нельзя сказать, что это совершенно невозможно. Как совет: если поисковая система взяла в качестве сниппета не желательный фрагмент текста, измените именно его. Если нельзя изменить, возьмите в тэг

Создавать грамотные сниппеты под все поисковые запросы — достаточно трудоемкое занятие, однако оно окупается большей кликабельностью в результатах поиска. В идеальном случае, текст должен продолжить мысль заголовка, более подробно обрисовать УТП.

Ссылка № 4 начинает «за здравие», но заканчивает «за упокой». Сначала говорится о «семейных традициях», потом внезапно идет какая-то «ошибка № 4», какой-то «выбор монтажной бригады» и т. д.

Ссылка № 5 предлагает нечто вроде ликбеза на тему кровельных материалов. Текст не продает, а ликвидирует пробелы в образовании.

Ссылка № 7 содержит что-то невразумительное.

А вот ссылка № 6 лучше конкурентов справляется с задачей сформулировать УТП: опыт компании и использование новейших технологий. Хотя здесь не помешало бы больше конкретики и меньше пафосного самовосхваления.

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

3. Наконец, смотрим, сопутствует ли сниппету фавикон, иконка сайта. Фавикон не обязательный, но желательный элемент сниппета. Он не только помогает выделить ссылку на фоне конкурирующих, но и придает сниппету солидность.

Желательно, чтобы цвет фавикона контрастировал с цветом заголовка сниппета, а его рисунок был понятным. Например, в приведенных выше примерах символика фавикона компании Dr Schniefer совершенно непонятна, а сам значок похож на мелкий грязноватый прямоугольник. Лучше выглядит фавикон компании Технониколь благодаря присутствию оранжевого элемента.

4. Также для повышения кликабельности сниппет может содержать дополнительные ссылки и адрес компании.

Однако наличие адреса в некоторых случаях может снизить кликабельность ссылки. Если компания работает в общероссийском масштабе, а ее офис расположен где-нибудь в Подмосковье, то наличие адреса может отпугнуть потенциальных клиентов из других регионов — такие случаи нам известны.

Как изменить сниппет в Яндексе

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

Нажимаете на кнопку «Добавить организацию».

Далее нужно будет ввести название своей компании, страну и город, чтобы отыскать ее в справочнике Яндекса. Если таковой там не окажется далее вам будет предложено добавить новую организацию в справочник.

На первом шаге нужно заполнить реквизиты организации.

На втором шаге нужно выбрать вид деятельности. Всего их можно добавлять не более 3-х, для этого воспользуйтесь выпадающим списком.

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

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

Надеюсь, вас сильно не утомил, и вы уловили основную суть. Если нет, тогда забейте забудьте про это дело и используйте стандартный сниппет.

Главное помните, что вы только подсказываете Яндексу, как надо отображать сайт в поиске, но не делаете это за него.

Настройка расширенных сниппетов Google

В Google для расширенных сниппетов, к сожалению, отсутствует подобный инструмент. Расширенные сниппеты в нём можно настроить только с помощью ручных манипуляций с кодом — предварительно придётся освоить семантическую или микроразметку.

Внедрение микроразметки

В этом стандарте вёрстки определённому элементу на странице соответствует собственный идентификатор — атрибут в исходном коде. С помощью идентификаторов вы помогаете поисковым роботам находить и индексировать содержимое страниц, а также отображать его в результатах поиска.

Основные поисковики и, в первую очередь, Google, разработавший семантическую разметку совместно с Microsoft и Yahoo, понимают и используют единую схему schema.org. Её ещё называют «словарь микроразметки». Именно благодаря микроразметке поисковая система, анализируя сайт, поймёт, где указано название товара, где размещён адрес, телефон и другие данные. Эта информация подгружается в сниппет.

Изучив и усвоив общие принципы, вы сможете управлять различными параметрами, выводимым поисковой системой в расширенном сниппете через семантическую разметку.

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

• https://technicalseo.com/seo-tools/schema-markup-generator/
• https://schema.org/Thing
• https://support.google.com/webmasters/answer/2692911?hl=en
• Плагин WordPress https://wordpress.org/plugins/all-in-one-schemaorg-rich-snippets/

Полученные атрибуты размещаются в исходном коде в соответствии с логикой их содержания. Также можно перенести и сохранить размеченный код целой страницы с проставленными атрибутами.

В принципе, можно сгенерировать весь код в автоматическом режиме, но потребуется ввести всё содержимое страницы, чтобы получить соответствующую Schema.org разметку.

Проверить разметку и отображение структурированных данных в сниппете можно при помощи инструмента Google.

А также через дополнительный инструментарий в личном кабинете SearchConsole.

• https://search.google.com/search-console/about
• https://support.google.com/webmasters/answer/7552505?hl=ru

Многое здесь зависит от типа сайта. Это может быть блог, контентный сайт, магазин. Исходя из данной специфики, можно определить подходящие атрибуты, которые имело бы смысл внедрять. Микроразметка — большая отдельная тема, объём работы по ней может быть существенным. Главное здесь — не усложнять без необходимости.

CodeSnippet element

Allows you to specify a heading and multiple IntelliSense Code Snippets, which you can insert into Visual Studio code files.

Attribute	Description
	Required attribute. Specifies the schema version of the code snippet. The Format attribute must be a string in the syntax of x.x.x, where each «x» represents a numerical value of the version number. Visual Studio will ignore code snippets with attributes that it does not understand.

Child element	Description
	Required element. Contains general information about the code snippet. There must be exactly one element in a code snippet.
	Required element. Contains the code that will be inserted by Visual Studio. There must be exactly one element in a code snippet.

Parent element	Description
	Root element of the code snippet XML schema.

Рецепт крутого сниппета

Чтобы поисковый робот правильно распознавал сниппет без потери смысла и важных слов, нужно сделать микроразметку. Быть программистом для этого не обязательно, просто нужно знать азы HTML. Валидатор разметки Яндекса сам выдаст готовый код, просто укажите сайт и тип данных: адрес, телефон и т. д.

Теперь сравните описание от Yandex и сделанное вручную.

В автоматическом сниппете много воды, непонятно, на какие вопросы ответит статья, нет интриги и триггеров. А вы бы кликнули на такое?

Другое отвечает на вопрос пользователя. С первого предложения раскрывается польза.

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

Настроим сниппет для Яндекса:

Шаг 1. Если поисковая система игнорирует description, напишите красивый абзац с несколькими ключами до 240 символов.

Шаг 2. Добавьте сайт в Яндекс.Вебмастер.

Шаг 3. Заполните поля в категориях: региональность, товары и цены, быстрые ссылки.

Шаг 4. Опишите в YML-файле товары и услуги. Подключите его во вкладке “Источники” в разделе “Турбо-страницы” Яндекс.Вебмастера.

Как написать сниппет с нуля:

1. Определитесь с темой или товаром.
2. Соберите семантическое ядро.
3. Поймите, для кого пишете. Например, вы пишете про лайфхаки для уборки. Они нужны замужним женщинам от 18 лет. Надо усилить боль, напомнить о ней: “Надоело натирать полы и вытирать пыль по 10 раз на дню? Эти лайфхаки сэкономят время и помогут поддерживать чистоту без ежедневной уборки”.

Трудно подобрать слова? Можно заказать готовое описание страницы на биржах фриланса.

Описание

description – в отличии от title это более подробное описание и является одним из самых важных пунктов при составлении сниппета. Текст description подтягивается из соответствующего мета-тега в разметке и должен быть уникальным и четко отражать тематику.

Рекомендуемая длина description составляет 165-175 символов

Но т.к. в Яндексе имеется кнопка “Читать ещё” это не предел, и можно увеличить дескрипцию до 300-350 символов (без пробелов), но отображаться они будут только после нажатия, что надо учитывать при создании текстового контента.

Чтобы добавить description надо открыть html код в любом текстовом редакторе, и вставить туда внутрь тега

Например, в Joomla — Материалы > Выбираем нужную страничку > Публикация – Мета-тег Description

После того как вы написали свое описание – сохраняем и обновляем. Готово.

Если же вы не укажите description, то поисковик автоматически сформирует описание в сниппете, основываясь на тексте страницы.