Расширенные сниппеты google: Как создать расширенный сниппет для Google: теория и практика

SEO под вопросы пользователей — разбираемся, как попасть в блоки ответов Q&A, DAQ, SAQ и LAQ

Речь пойдёт о фразах, сформулированных в виде вопросов типа «как / что / когда, …?». Их доля огромна. Что касается Google, то в 2018 году пользователи задавали 3,5 миллиарда вопросов в день. По данным MOZ — около 8% от всех обращений к Google.

Цифры намекают, что пользователям нужны ответы, а нам — SEO-стратегия, которая поможет увеличить поисковый трафик. Недавно мы писали о том, как меняется выдача, а сегодня поговорим о типах сниппетов в Google, аналогов в Яндексе и как прыгнуть выше ТОПа.

Сначала давайте посмотрим на базовые принципы работы алгоритма, отвечающего за формирование SERP для ответа на запрос-вопрос (далее просто «вопрос»).

Взаимосвязь вопроса и семантического поиска

Автозаполнение (подсказки) и «похожие запросы» в Google работают на основе семантического поиска. Благодаря ему алгоритм умеет идентифицировать сущности, а это важно для понимания работы поисковых машин в целом.

Что такое семантический поиск?

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

В основе лежат следующие факторы:

• Понимание естественного языка.

• Пользовательский контекст.

• Контекст потока запросов.

• Определение сущности.

Таким образом, Google понимает естественный язык пользователей, «извлекает» объект из вопроса и формирует результаты с расширенным ответом-сниппетом на верхушке SERP.

Роль алгоритма «Колибри»

Апдейт алгоритма в 2013 году изменил подход к ключевым фразам. Google стал не просто быстрее, но и умнее. От простого соответствия ключевикам, поисковая система перешла к формированию выдачи на основе разбивки запроса на отдельные объекты и определение сущностей. При желании можно ознакомиться с патентом Google 1999 года, который посвящён семантическому поиску.

В Яндексе за семантический поиск и понимание естественного языка ответственны алгоритмы «Палех» и «Королёв». Основаны они на искусственных нейронных сетях.

Теперь давайте посмотрим на типы расширенных сниппетов и блоков ответов, дающих точные ответы на вопросы пользователей.

Что такое Q&A?

Верно, это про вопросы и ответы. Всякий раз, когда мы задаём вопрос, Google пытается дать на него конкретный ответ:

Ответ формируется в избранном сниппете (featured snippet) или в графе знаний Google.

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

На какие вопросы умеют отвечать поисковые системы?

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

Переходить по синим ссылкам нужно всё реже. Но правильное использование структурированных данных поможет попасть в избранные сниппеты по разным типам вопросов. Их несколько.

1. Вопросы с прямым ответом (Direct Answer Questions – DAQ)

Это запросы со словами типа «какой», «где», «сколько» и так далее. Посмотрите на пример вопроса и обратите внимание на подсвеченное слово в сниппете:

Это как раз про понимание контекста. Наше намерение очевидно — прямой вопрос — и Google с легкостью на него отвечает. Порой даже информативнее, чем ожидаешь:

У Яндекса своё мнение на этот счёт 🙂

На вопрос «кто отец медицины» отвечает поисковики отвечают — Гиппократ, а на вежливое «который час» показывают точное время. Но вы и сами это знаете, хотя чаще всего мы выступаем в роли пользователей, а задача — помочь проектам попасть в прямые ответы. И ниже будет несколько дельных советов для каждого типа вопросов.

2. Короткие ответы на вопросы (Short Answer Questions — SAQ)

Характерны для вопросов типа «почему?». Например:

То есть получаем короткое, но полноценное объяснение.

3. Подробные ответы на вопросы (Long Answer Questions – LAQ)

Чаще всего встречаются для ключевых фраз, начинающихся с «как». Получаем подробные пошаговые инструкции, рецепты и прочее:

Как найти подходящие вопросы?

Для начала нужно собрать семантику. Источников множество. Вот, как минимум, 3 полезных инструмента для расширения семантического ядра и поиска подходящих запросов:

Также проверяйте интент поисковых запросов с помощью анализатора. Не забывайте, что каждый вопросительный запрос — это шанс попасть в избранные сниппеты Google.

Поднимаемся в поиске по прямым вопросам (DAQ)

Для попадания страницы в избранный сниппет по прямым вопросам, нужно проработать следующие моменты:

• Обозначьте сам вопрос, как можно раньше. Например, в заголовке h2.

• Ответ должен быть в самом начале странице — в первом абзаце статьи.

  Например, целевой запрос «Как расшифровывается НАТО?». Ответ может быть таким: «Аббревиатура NATO расшифровывается как North Atlantic Treaty Organization».

• Не обрывайте ответ внезапно. Продолжайте уточнять, это добавит содержательности и даст сигнал Google о полноте контента.

• Повышайте доверие к своему сайту. Только оригинальный контент, достоверная и по возможности проверенная информация, никаких «чёрных» SEO-тактик.

• Делайте лучше, чем у конкурентов. Расширьте тему или наоборот углубляйтесь в детали. Анализируйте ТОП конкурентов в Google на количество знаков, вхождений и число внутренних ссылок.

Хороший пример:

В ТОП выдачи по вопросам с короткими ответами (SAQ)

Вот важные факторы для целевой страницы:

• Используйте формат Q&A, то есть вопрос-ответ. Можно сразу несколько, например:

• Язык должен быть лёгким для восприятия и понимания даже учеником средней школы. Это показатель 5.0-5.9, если использовать формулу «удобочитаемости» Дэйла-Чейла или 65-70 по индексу Flesch-Kincaid.

Советы для попадания в ответы по длинным вопросам (LAQ)

Стараемся учитывать следующие нюансы:

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

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

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

• Помните про списки и используйте этот формат. Нумерованные, чётко структурированные тексты нравятся и Google и пользователям.

• Лирику и воду оставьте художественным текстам. Будьте лаконичны, понятны и полезны.

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

• Заголовок h2 и title должны содержать прямое вхождение пользовательского вопроса.

Добавляем структурированные данные (особенно важно)

Разметка даёт Google важную информацию о вашем контенте, которая может подтягиваться в сниппеты и даже поиск по картинкам.

Видео

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

Проверять корректность разметки можно с помощью валидатора Google.

И не ленитесь заморачиваться, это действительно даёт результаты.

Товары

Правила оформления структурированных данных также есть в справочных материалах. Цена, описание, URL – всё должно быть размечено. Тогда даже с помощью картинок вы получаете преимущество:

Рецепты

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

Голосовые запросы (пока в бета-режиме)

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

Q&A страницы

Страницы, которые спроектированы в виде вопросов-ответов тоже требуют микроразметки с помощью Schema.org. За подробными справками снова идём в Google.

Обратите внимание, у Schema.org есть разные типы разметки под страницы с ответами:

• HowTo (руководства типа «как сделать»).

• Q&A (вопросы-ответы).

• FAQ (часто задаваемые вопросы).

Проверить, поддерживает ли ваша страница расширенные сниппеты в SERP можно с помощью инструмента Google.

Каких вопросов можно смело избегать?

На некоторые высокочастотные запросы, Google даёт ответы из своего графа знаний (Knowledge Graph). Никаких ссылок на страницы, никакой конкуренции и никакого смысла корпеть над SEO для подобных общих вопросов.

В Яндексе похожая история:

Как отследить эффективность?

В Google Search Console есть возможность анализировать количество показов и кликов по расширенным сниппетам сайта в поисковой выдаче. Для просмотра отчёта, нужно перейти на вкладку Эффективность > Вид в поиске > Расширенный результат (Rich results).

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

Расширенные сниппеты Google и Яндекс что это такое

Привет, Друзья! Всё время, что существует поисковик Google, все интернет компании стремились занять в нём лидирующие позиции. Но на самом деле, есть более значимая цель – это «расширенные сниппеты». Об этом и поговорим сегодня!

Расширенные сниппеты что это такое

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

Теперь, когда вы знаете, что нулевая позиция на самом деле вещь стоящая, у вас, вероятно, возникла масса вопросов:

• Что такое расширенный сниппет?
• Как ранжироваться как расширенный сниппет?
• У малого бизнеса есть шанс быть выбранным в качестве расширенного сниппета?

У нас есть ответы на эти и многие другие вопросы в нашем полном гиде по расширенным сниппетам.

Что такое расширенный сниппет

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

Типы расширенных сниппетов

На данный момент у Google есть три разных типа расширенных сниппетов:

Абзац — это наиболее распространенный тип расширенного сниппета. Он может включать просто текстовый ответ либо текст абзаца с сопроводительным изображением.

Список — если это возможно, Google покажет список-сниппет, потому что так читателю легче просматривать информацию (в формате нумерованного или маркированного списка).

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

Расширенный сниппет — то же самое, что блок ответов?

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

Разница между блоком ответов и расширенным сниппетом

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

Преимущества расширенных сниппетов

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

Но еще более примечательным является тот факт, что ваш CTR может увеличиться примерно на пять процентов, что позволяет увеличить доход от органического SEO почти на 700 процентов, как считает Бен Гудсел. Многие компании также сообщали о 20-30-процентном увеличении трафика, который произошел за время работы расширенного сниппета.

Может ли малый бизнес быть выбран для расширенного сниппета

Да, компания любого размера может быть выбрана для расширенного сниппета, однако стоит приложить огромные усилия, чтобы ранжироваться в нулевой странице результатов Google и Яндекс. Расширенный сниппет выбирается из 10 лучших сайтов с самым высоким рейтингом по любому заданному запросу почти в 100% случаев, как показывает Ahrefs. И только 30 процентов сниппетов выбираются с первой позиции.

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

Как ранжироваться в качестве расширенного сниппета

Если вы хотите ранжироваться как расширенный сниппет, вы должны дать лучший ответ на заданный вопрос. Сказано — сделано: вот шаги, которые вы должны сделать в работе со своим контентом, чтобы показать Google, что вы лучший кандидат для расширенного сниппета.

Задайте в своей статье вопрос. Если хотите, чтобы Google и Яндекс знал, на какой вопрос вы отвечаете, сначала задайте его. Просто задав вопрос в качестве подзаголовка, вы можете предупредить Google, что у вас есть ответ, который он ищет. Это также разумная стратегия для ранжирования в голосовом поиске, так что это беспроигрышный вариант.

Давайте короткие емкие ответы. Google и Яндекс предпочитают отображать ответ целиком в боксе расширенного сниппета, поэтому он ищет ответы, которые соответствуют боксу на 97 слов. Старайтесь отвечать на частые вопросы в рамках 97 слов или меньше.

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

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

Ответьте на несколько вопросов в одной статье. Как только Google и Яндекс выберет вас для расширенного сниппета для одного запроса, они с большей вероятностью покажут вас и для другого. Если так, в одной статье вы, возможно, захотите ответить на несколько вопросов, связанных одной и той же темой.

Используйте высококачественные изображения. Некоторые расширенные сниппеты включают изображение, и такие сниппеты еще более эффективны, если говорить о показателях кликабельности. К сожалению, Google не позволяет вам отметить, какое изображение вы хотите использовать, поэтому, если ваш сайт выбран для сниппета, поисковик выберет то изображение, какое посчитает лучшим. Лучший способ действий — убедиться, что каждое изображение на вашем сайте является высококачественным, брендированным и включает описания.

Какие ключевые фразы нужно использовать для расширенных сниппетов

Помните, что весь смысл расширенного сниппета — быстрый ответ на вопрос, который задал пользователь. Это означает, что лучший способ быть выбранным в качестве расширенного сниппета — это ответить на этот вопрос, и вы можете сделать это с помощью ключевых слов с длинным хвостом. Использование вопросительных слов (что, когда, где, кто, кому, почему и как) — это сильная стратегия, однако вы также должны быть уверены, что для каждого есть достаточно контента, в рамках которого вы эффективно отвечаете на эти вопросы.

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

Нужна ли расширенным сниппетам разметка

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

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

• Используйте свои целевые запросы в качестве заголовков и пометьте их тегами заголовков, такими как <h2> <h3> или <h4>.
• Определите ответ из 97 слов или меньше на заданный вопрос в теге абзаца <p>, чтобы показать Google Яндексу, что вы предоставили им идеальный вариант для расширенного сниппета.
• Используйте разметку для определения маркированных списков <li>, нумерованных списков <ol> и таблиц <table>, чтобы роботы могли легко найти эти дополнения.

Может ли сайт стать расширенным сниппетом, если он не оптимизирован для мобильных

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

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

Есть ли минусы у расширенных сниппетов

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

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

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

Обучение продвижению сайтов

Для тех кто хочет научиться выводить сайты в ТОП 10 поисковых систем Яндекс и Google, я организовал онлайн-уроки по SEO-оптимизации (смотри видео ниже). Все свои интернет-проекты я вывел на посещаемость более 1000 человек в сутки и могу научить этому Вас. Кому интересно обращайтесь!

На этом сегодня всё, всем удачи и до новых встреч!

8 советов как туда попасть

Поисковая выдача уже давно перестала быть просто перечнем ссылок. Google экспериментирует с подачей ответов для увеличения удовлетворенности результатами поиска. Одним из таких решений стал «featured snippet» или блок с ответами.

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

Что такое блок с ответами в Google?

Пример блока с ответом по запросу “Сколько стоит контент”

Блок с ответом в Google — это краткий ответ на вопрос, который задает пользователь в поисковую систему. Такой сниппет называют «нулевой» позицией в результатах поиска, который расположен в верхней части страницы и занимает много места. Состоит из текста до 50 слов, изображения, Title и ссылки на источник.

Расширенные сниппеты повышают доверие к компании быстрее, чем любой другой инструмент.

При этом необязательно платить дополнительно за рекламу, чтобы лучше ранжироваться. Также не нужно быть «номером один» в своей отрасли. Любая компания, независимо от ее размера или бюджета, может получить место на «нулевой позиции».

Использование расширенных сниппетов для привлечения трафика на сайт становится все более актуальным.

Ниже приведен график на котором видно количество сниппетов в выдаче на 2016 году по сравнению с 2014 годом.

Изменение количества быстрых ответов в выдаче Google 2014-2016 гг.

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

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

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

Так, согласно исследованию HubSpot, CTR (кликабельность) контента с расширенными сниппетами в среднем в 2 раза выше CTR аналогичного контента без них.

Разница CTR страниц в блоке ответа и нет, данные HubSpot

Как это работает?

Например, вы хотите узнать как связать шарф-снуд. Google выдаст вот такой сниппет. И этот сниппет будет находится на первом месте — выше всех других ссылок в выдаче.

Пример быстрого ответа по запросу “Как связать шарф-снуд”

Важно!

Google создает быстрый ответ из того контента, который уже ранжируется на первой странице, но он также может формировать его из результатов поиска с более низким рейтингом (реже).

Попадание в расширенные сниппеты намного полезнее и эффективнее для привлечения посетителей на ваш сайт, чем даже попадание на 1ю позицию в выдаче.

Сайт точно попадет в быстрый ответ?

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

Самый простой способ попасть в расширенный сниппет с ответом — создать качественный контент и отформатировать его в соответствии с требованиями Google.

Согласно Ahrefs, 99.58% страниц с расширенными сниппетами уже ранжируются в первых 10 результатах Google для конкретного поискового запроса.

Вот почему у вас есть хорошие шансы попасть в сниппеты тех поисковых запросов, по которым вы уже получаете высокие позиции от Google.

Как показывают исследования Ahrefs, в англоязычном сегменте, поисковые запросы со следующими словами имеют больше возможностей попасть в сниппет:

• Рецепт
• Лучший
• Сравнение/Что лучше
• Как сделать
• Что такое
• Определение

30 самых распространенных слов в быстром ответе, данные Ahrefs

Теперь давайте посмотрим какие типы расширенных сниппетов бывают.

Типы расширенных сниппетов

Быстрый ответ бывает 3-х видов:

• Текст;
• Список;
• Таблица.

Текст

Здесь Google формирует сниппет в виде текста. Вместе с текстом также может идти изображение. Например:

Пример быстрого ответа в Google в форме текста

Список

Показывает ответ в формате списка:

Пример быстрого ответа в Google в форме списка

Таблица

Эти сниппеты идут в виде таблицы. Обычно выглядят примерно так:

Пример быстрого ответа в Google в форме таблицы

Согласно Getstat, наиболее популярным типом сниппета является сниппет в виде текста (Paragraph snippets).

Проценты распределения сниппетов по типам, 81% за параграфом текста

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

Совет № 1: Используйте Semrush и Serpstat

Поиск сниппетов конкурентов

Первое, что вы должны сделать, пытаясь получить расширенный сниппет Google — это определить, по каким запросам сниппеты получают ваши конкуренты.

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

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

Все, что нужно сделать — это ввести URL конкурента и нажать «Анализ поисковой выдачи».

Пример анализа поисковой выдачи сайта the-challenger.ru, данные Semrush

Затем просто нажмите «Блок с ответами» в нижней правой части страницы.

Пример % запросов в быстрых ответах сайта the-challenger.ru, данные Semrush

Другой способ. Отфильтровать ключевые слова, нажав на кнопку «Advanced Filters» > «Функции SERP» > «Быстрый ответ», чтобы отобразить запросы, по которым выводятся расширенные сниппеты.

Пример анализа сайта the-challenger.ru, данные Semrush

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

Проверка возможности сниппета по фразе

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

Скриншот главной страницы Serpstat

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

Пример анализа запроса на наличие “быстрого ответа”, данные Serpstat

Но Semrush и Serpstat не единственные ресурсы для поиска расширенных сниппетов. Google также отличный источник информации.

Совет № 2: Используйте Google, чтобы выявить блоки с ответами

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

«На какие вопросы люди пытаются найти ответы?»

Например, поставите себя на место кого-то, кто только знакомится с темой маркетинга и может не понимать некоторые термины.

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

В Google введите запрос, например, «Что такое кейсы в маркетинге?»

Пример быстрого ответа по запросу “что такое кейсы в маркетинге”

Для этого запроса сервис выдает сниппет в виде текста. В данный момент Google также тестирует блок «People also ask». Это вопросы, связанные с поисковым запросом, по которому вы ищете информацию.

Пример “People also ask” по запросу “skippy bush kangaroo documentary”

Чтобы просмотреть сниппеты для каждого связанного поискового запроса, просто разверните фразу, щелкнув на стрелку справа. Это достаточно быстрый способ найти идеи для контента.

Для англоязычного сегмента идеи для контента можно найти на сайте «Answer the Public».

Совет № 3: Найдите идеи для контента в «Answer the Public» или Serpstat

Так как вопросы — это то, что скорее всего, приводит к появлению сниппетов, вам необходимо будет отвечать на: как?, что?, когда?, где?, почему? или кто?.

Для русскоязычных проектов

Поиск поисковых запросов можно доверить Serpstat. В функционале которого ищите блоки «Поисковые подсказки» или «Поисковые вопросы». Основная разница между этими блоками — это подача информации.

Анализ поисковых вопросов по запросу “копирайтинг”, данные Serpstat

Для англоязычных проектов

Лучшее место для поиска типов вопросов, которые люди могут задавать по определенной теме — это «Answer the Public».

Скриншот главной страницы сайта «Answer the Public»

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

Скриншот результатов поиска в «Answer the Public» по запросу “apple pie”

Затем выберите, на что ответить в сниппете. Если вы хотите ответить на вопросы, которые касаются «что» («what»), просто сосредоточьтесь на этой ветке.

Скриншот результатов поиска в «Answer the Public» по запросу “apple pie” с акцентом на слово “what”

Также помните, что перед тем как взять слова и словосочетания из конкретной ветки можно провести SEO анализ на их соответствие запросам пользователей, то есть понять, есть в этих словах трафик или нет.

Совет № 4: Отвечайте на несколько вопросов

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

Пример быстрого ответа по запросу “преимущества веганства”

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

Совет № 5: Оставайтесь в рамках оптимального количества слов (символов)

Подача контента должна быть такой, чтобы Google мог легко использовать ваш текст.
Выделите списки, абзацы и шаги, а не смешивайте все. Посмотрите на этот список — в этом сниппете всего 51 слово.

Пример быстрого ответа по запросу “инструкция как собрать кубик рубика”

Согласно Semrush, это довольно стандартная длина для сниппета. Их анализ показал, что наиболее распространенная длина контента в сниппетах — от 40 до 50 слов.

Распределение количества слов в расширенных сниппетах в %, данные Semrush

В связи с этим нужно пытаться писать каждый абзац статьи длиной не более 50 слов и не короче 40.

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

Совет № 6: Используйте заголовки

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

Для этого используйте раздел «Стили абзацев» в Google Docs или в WordPress.

Скриншот интерфейса Google Docs

Выделяйте шаги, списки или абзацы заголовками. Используйте h3, h4 или h5.

Скриншот интерфейса в Google Docs

Совет № 7: Добавьте раздел «Вопросы и ответы» на свой сайт

Поскольку расширенные сниппеты — это прекрасная возможность привлечь трафик для веб-сайта и получить новые результаты, неплохой идеей будет оптимизировать свой контент под запрос «Как и что…».

Некоторые сайты создают целые разделы, которые специально предназначены для ответа на вопросы своих читателей.

Вот как компания Lowe’s делает это в разделе «How-to Library»:

Скриншот раздела “Вопрос-ответ” на сайте Lowe’s

Здесь весь контент посвящен ответам на вопросы или решению проблем.

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

Качественные изображения и видео также повышают шансы на попадание контента в сниппеты.

Совет № 8: Добавьте высококачественные изображения и видео

Большинство людей лучше воспринимают информацию визуально, поэтому фотографии и видеоролики могут помочь вам получить расширенные сниппеты.

Фото

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

Скриншот сайта Crello.com

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

Этот метод мы использовали при контентном продвижении блога под США и для локального SEO.

Видео

И не забывайте о видео, это важно для привлечения посетителей.

65% людей смотрят по крайней мере три четверти видео, а 59% руководителей считают, что люди чаще смотрят видео, если текст объединен с видео.

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

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

Вывод

Блок с ответами в Google — первое, что появляется в поисковой выдаче и это больше, чем просто ссылка на сайт.

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

Если вы хотите увеличить количество конверсий, привлечь посетителей на свой сайт и обойти конкурентов, то получение расширенных сниппетов — это именно то, что нужно.

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

Используйте различные ресурсы (как «Answer The Public» в англоязычном сегменте, например), чтобы определить потенциальные идеи для контента, и обязательно используйте как можно больше связанных вопросов в одной статье.

Для каждого вопроса, ответ не должен превышать 50 слов. Используйте заголовки, чтобы отделить шаги и списки.

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

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

UPDATE

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

Хотите оптимизировать свой контент для попадания в быстрые ответы Google? Оставьте заявку и получите консультацию от команды Livepage.

Новые типы микроразметки для расширенных интерактивных сниппетов

Мы перевели обзор трех новых видов микроразметки schema.org, которые позволяют показать в сниппете вопросы и ответы. Это FAQ — набор вопросов, близких по теме (отличается от блока People Also Ask тем, что берется с одного сайта), HowTo — пошаговые инструкции и Q&A — ответы разных людей на вопрос в запросе. У каждого вида есть особенности и огромное преимущество, у всех трех есть один минус (догадайтесь какой).

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

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

Нововведения, на которые стоит обратить внимание — разметки для FAQ, HowTo и Q&A. Каждая из них позволяет выделиться в органической выдаче за счет привлекающего внимания сниппета — особенно на мобильных устройствах.

Рекомендация: когда появляется новый тип микроразметки, используйте инструмент Rich Results Testing Tool (Проверка расширенных результатов), чтобы увидеть, как расширенный результат будет отображаться в выдаче Google. Кроме того, в Google Search Console можно найти информацию по всем типам используемой на сайте микроразметки в отчете Rich Results Status Report (Отчеты о статусе расширенных результатов).

Читать о том, как внедрить микроразметку на сайте.

Содержание статьи

Микроразметка для FAQ

Согласно Google, микроразметка FAQ может использоваться на любой странице, содержащей список вопросов и ответов по определенной теме. Таким образом, эту микроразметку можно внедрить не только на FAQ-страницах сайта, но и на любых страницах с вопросами и ответами.

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

Вот пример мобильной выдачи:

А вот десктоп:

Пример FAQ в выдаче

(фрагмент разметки FAQ на сайте)

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

Влияние микроразметки FAQ на кликабельность

Внедрение микроразметки FAQ связано с определенным риском для трафика.

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

Вот пример того, как добавление микроразметки FAQ повлияло на количество показов и кликов сайта в выдаче — показы (голубая линия) выросли, клики (синяя линия на графике) упали:

В расширенных описаниях FAQ Google поддерживает ссылки и другие HTML-элементы. Таким образом, вы можете повысить кликабельность за счет ссылок в тексте ответа. Подберите страницы сайта, на которые можно сослаться в рамках FAQ: так с помощью микроразметки для FAQ вы привлечёте трафик и на другие страницы. Это отличный способ использовать информационный контент для направления пользователей на продающие страницы.

К этому приему нужно подходить с умом. Ссылки на другие страницы должны быть полезны пользователю и обязательно присутствовать на самой странице — помните, что микроразметка должна на 100% совпадать с контентом страницы. Подробнее о том, как обеспечить переходы из сниппета на несколько страниц, можно прочесть здесь (англ. ).

Микроразметка HowTo

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

Как и для микроразметки FAQ, у Google есть ряд требований к контенту, к которому можно применить этот тип разметки:

• Контент не должен носить оскорбительный характер или призывать к жестокости.
• Инструкция должна быть разбита на явно обозначенные шаги.
• Микроразметка HowTo не может использоваться для рекламы.
• Инструкция должна содержать релевантные изображения, а также материалы и инструменты, необходимые для решения задачи. Они должны быть указаны в разметке.
• Микроразметка HowTo не может использоваться для кулинарных рецептов, для этого типа контента существует отдельная разметка.

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

Для микроразметки HowTo есть два формата сниппетов:

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

Во втором варианте расширенное описание представлено в виде аккордеона с раскрывающимися описаниями для каждого шага.

Ещё одно преимущество разметки HowTo — оптимизация для голосового поиска и девайсов с Google Assistant. Когда пользователи формулируют устный запрос, на который можно ответить пошаговой инструкцией, контент, отмеченный разметкой HowTo, будет выбран с большей вероятностью.

Как и у микроразметки FAQ, у HowTo есть не только преимущества, но и недостатки. Поскольку такой сниппет занимает много места на странице поисковой выдачи, он выделяется среди конкурентов и привлекает внимание — и это плюс. Но если пользователи смогут получить всю информацию из сниппета, то число переходов на сайт сократится. Именно так растет доля zero-click (или no-click) результатов выдачи, когда пользователь остается на странице поиска, полностью удовлетворив свой запрос.

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

Обязательно ли использовать микроразметку HowTo?

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

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

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

Микроразметка Q&A

Микроразметка Q&A используется для страниц с вопросами, на которые пользователи могут разместить собственные ответы. Эту разметку можно применить только к страницам с одним вопросом, а не серией вопрос-ответ (FAQ).

В документации Google Q&A и FAQ чётко разделены: если у пользователей нет возможности добавить собственный ответ на вопрос, к странице следует применять разметку FAQ.

Микроразметка Q&A полезна для форумов и других платформ, на которых пользователи могут задавать вопросы, а другие — отвечать на них.

Для улучшения UX Google настойчиво рекомендует включать в микроразметку URL, ведущий на конкретный вопрос. Как и в микроразметке HowTo, для этого можно использовать якорные ссылки, переходы по которым отслеживаются потом в Google Search Console.

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

Несколько типов микроразметки на одной странице

Ещё одно крайне полезное нововведение, связанное с новыми типами микроразметки, — возможность использовать несколько типов разметки на одной странице.

В частности, микроразметка FAQ отлично дополняет другие типы, например, Product или Service, благодаря которым в сниппетах могут отображаться звезды (оценки), отзывы и другие фичи, характерные для этих типов разметки.

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

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

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

Риски, связанные с внедрением микроразметки

Использование любого типа микроразметки сопряжено с некоторыми рисками.

Во-первых, Google выдвигает четкие требования к использованию разметки, и нарушение этих правил (намеренное или случайное) может привести к применению ручных санкций. Чаще всего это происходит в случаях, когда код JSON-LD содержит информацию, которую пользователи не могут увидеть на странице.

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

Таким образом, внедряя микроразметку, вы должны убедиться не только в том, что соблюдаете требования поисковой системы, но и действуете на благо бизнеса. Рэнд Фишкин прокомментировал тактику в отношении zero-click так: если для вашей компании узнаваемость и роль хорошего советчика в выдаче выгодны, то можно смириться с некоторым падением трафика.

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

По материалам: https://moz.com/blog/new-schema-types-to-create-interactive-rich-results

Как увеличить видимость сайта в Google с помощью расширенных сниппетов FAQ

FAQ — часто задаваемые вопросы (аналогично: ЧАВО, ЧЗВ).

Из этой статьи вы узнаете, как внедрить микроразметку часто задаваемых вопросов на свой сайт и как с ее помощью повысить привлекательность сниппета в Google.

Микроразметка FAQ нужна, чтобы:

• Повысить видимость сайта в поиске Google: сниппет сайта станет более заметным;
• получить 2 ссылки на ваш сайт с одной страницы, но это не всегда работает. Она дважды отобразится на одной странице поиска.

Ниже приведен пример того, как будет выглядеть сниппет после внедрения микроразметки FAQ на страницу.

Если ввести в поисковую строку запрос «зачем нужны хлебные крошки на сайте» — выбран именно этот запрос, так как по нему был найден самый показательный результат — то увидите сниппет вместе с блоком «Часто задаваемые вопросы».

Как подключить расширенные сниппеты FAQ 👨💻

Инструкция по подключению:

1. Составляем список релевантных странице вопросов и ответов на них. Например, для интернет-магазинов самыми популярными остаются вопросы по поводу того, как что-то выбрать. Так почему бы ни включить их вместе с ответами прямо в сниппет?
2. Генерируем микроразметку для вопросов и ответов: можно самостоятельно или с помощью инструмента.
3. Добавляем код микроразметки FAQ на нужную страницу.
4. Чистим кеш страницы.
5. Заходим в Search Console и в поле «Проверить URL» вставляем адрес страницы. Придется подождать около 30 секунд.

6. Нажимаем кнопку «Запросить индексирование». Ожидание может занять примерно 1–2 минуты.

7. После того как Googlebot обошел страницу, нужно ее обновить.
8. Ждем около 10 минут, и все готово! Можете проверять результаты страницы в поиске Google. 👌

Весь процесс занимает чуть больше 10 минут — столько времени требуется, чтобы добавить блок «Часто задаваемые вопросы» в сниппет выдачи.

Крутые примеры расширенных сниппетов FAQ

Пример для страницы с услугами страхования строительно-монтажных работ. Получилось (субъективно) громоздко и сложно, но выглядит внушительно:

Как будет выглядеть такой сниппет в мобильной версии:

Другой пример на английском языке:

И еще один:

Что еще нужно знать о часто задаваемых вопросах ✔

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

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

Расширенные результаты с ЧЗВ могут формироваться для всех страниц, где присутствует микроразметка FAQ. Функция работает и на компьютерах, и на мобильных устройствах.

Перед внедрением обязательно ознакомьтесь с рекомендациями Google.

Как использовать:

• Микроразметка FAQ предназначена только для официальных вопросов и ответов компании.
• Не добавляйте микроразметку часто задаваемых вопросов на форумах или других площадках, где пользователи могут отправлять ответы на вопросы. В этом случае используйте разметку страницы вопросов и ответов.
• Отслеживать проблемы с часто задаваемыми вопросами и внешний вид поиска можно в Search Console в отчете по часто задаваемым вопросам, в котором отображаются все ошибки, предупреждения и действительные элементы, относящиеся к размеченным страницам часто задаваемых вопросов.
• Рекомендуется внедрять ее на тех страницах вашего сайта, которые находятся в топ-10 Google.

Пример кода разметки с вопросами и ответами в формате JSON-LD

Дополнительная информация

Где узнать подробнее:

Вы также можете узнать больше о микроразметке FAQ в SearchEngineLand и SERoundTable.

Бесплатные инструменты для генерации микроразметки:

Что вы об этом думаете?

Получилось ли у микроразметки FAQ привлечь ваше внимание? Оставляйте комментарии и делитесь своими результатами внедрения FAQ сниппетов!

Данное руководство — перевод оригинальной статьи How To Increase Search Visibility With FAQ Rich Snippets с сайта matthewwoodward.co.uk.

Сниппеты в Яндексе и Google

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

Элементы сниппета

Сниппет может содержать только минимальную информацию о найденной странице:

• Заголовок,
• Описание,
• Адрес сайта.

Либо включать дополнительные элементы: быстрые ссылки, рейтинг и количество отзывов, адрес организации, телефон и т.д.

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

Как формируется сниппет

Формирование сниппета в Яндексе

Поисковая система сама составляет сниппеты, ориентируясь на:

• Содержание найденных страниц,
• Теги title и description,
• Данные из семантической разметки и XML-файлов.

Изменяя содержание текста в данных источниках, можно влиять на представление сайта в поиске. Чаще всего при оформлении сниппетов помогают теги title (заголовок) и description (описание).

Однако стоит помнить, что содержание сниппета зависит от запроса пользователя, и даже для одной страницы поисковая система может формировать разные сниппеты. Несмотря на то что в тегах title и description могут быть указаны ключевые слова, Яндекс может выбрать свой вариант сниппета, если посчитает его более релевантным, например, при очень конкретном пользовательском запросе.

Микроразметка также влияет на оформление сниппета: при корректном оформлении микроданных в сниппете появляются дополнительные элементы.

Формирование сниппета в Google

Как показало исследование команды Serpstat, сниппет в Google может формироваться следующими способами:

• Используя текст метатега Description,
• Используя текст из тега body, размещенный на странице,
• Используя информацию из Description и body.

По данным Serpstat, формирование сниппета с помощью метатега Description происходит в два раза чаще для коммерческих сайтов, чем для информационных. В исследовании также отмечается, что 3,3% случаев Google игнорирует текст из метатега Description, несмотря на то, что в нем есть все ключевые слова из запроса пользователя.

Что касается тега body, в 27% Google учитывает его при формировании сниппетов для коммерческих сайтов. Для информационных ресурсов этот показатель выше – 46%. При этом поисковик обычно выбирает информацию из первых 10-20% текста страницы.

Как сделать красивые сниппеты

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

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

Также можно добавить в сниппет дополнительную информацию, используя микроразметку. Например, Яндекс позволяет включать в сниппет:

• быстрые ссылки на разделы сайта,
• регистр названия сайта,
• адрес организации, данные об организациях и их услугах,
• данные о товарах (цены и информация о доставке интернет-магазина),
• подробные кулинарные рецепты и т.д.

Микроразметку также распознает Google, в сниппеты можно добавить:

• навигационные цепочки,
• поиск по сайту,
• логотипы,
• ссылки на профили в социальных сетях,
• карусели (в мобильной выдаче),
• быстрые ссылки,
• расписание,
• отзывы или рейтинг,
• информация о товаре,
• картинки к рецептам и т.д.

Google увеличил длину фрагмента мета-описания: что делать дальше?

Нет, глаза вас не обманывают.
Метаописания в результатах поиска Google ДЛИННЫЕ.
Эти описания отображаются прямо под ссылкой на каждый результат поиска. Google называет их «сниппетами», и они очень важны.
Вскоре мы подробнее рассмотрим, насколько это «большое дело», но вот посмотрим на старую длину и новую:

Изменение длины метаданных произошло только в последний месяц 2017 г. (менее чем за месяц тому назад).
Вот диаграмма из RankRanger, показывающая изменения в выдаче:

Итак, во-первых, почему метаописания Google так важны?
Они служат для описания страницы, на которую ведет ссылка. Таким образом, чтение фрагмента может помочь поисковикам понять, соответствует ли результат поиска тому, что им нужно.
Если метаописание оптимизирует, ясно показывает, чего ожидать от контента, И соблазняет (SEO, ясность, креативность), у вас больше шансов нажать на него. Переход по ссылке в органическом рейтинге становится выше.Это много, что нужно сделать за одну мету.
Вы можете понять, почему хорошие метаописания так важны.
Здесь, в EW, мы все время пишем метаописания для наших клиентов. Это изящное искусство, потому что вам нужно втиснуть суть того, о чем страница, в ограниченное количество символов. Затем вы должны заставить его звучать потрясающе .
С увеличением лимита символов это дает нам немного больше возможностей для творчества и реального общения с читателем. В свою очередь, это дает вам больше шансов получить клики и конверсии для вашего контента.
Давайте обсудим изменение, в том числе, когда именно оно произошло и почему это отличные новости для вашего бизнеса.

Почему Google повысил ограничение на количество символов для мета-описаний

Search Engine Land смогла подтвердить изменение мета-описания с помощью Google в декабре.
Вот что сказал Google:

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

Фрагменты выросли с примерно 160 символов до в среднем 230 символов.
Официальное максимальное допустимое количество символов теперь составляет 320.

Почему изменение имеет значение?

Когда вы пытаетесь написать описание страницы для результатов поиска, удвоение пространства имеет огромное значение.
Давайте проясним: Метаописание не влияет на рейтинг вашей страницы .Это было верно раньше и верно сейчас.
Вместо этого этот фрагмент описательного текста предназначен для пользователей, в их интересах.
Как мы уже говорили, сниппет может заставить пользователя нажать на вашу страницу в результатах поиска, а не на конкурирующую страницу. Это может показаться более заманчивым, потому что это лучшее описание, оно убедительно или и то, и другое.
Тем не менее, Google не всегда будет использовать ваше мета-описание в сниппете.
В зависимости от поискового запроса пользователя поисковая система может вместо этого извлекать фрагменты контента с вашей страницы.
Джон Мюллер подробно рассказывает об этом в записи видеовстречи в Google, которая транслировалась 12 декабря, вскоре после того, как произошли изменения. Эта тема начинается примерно с отметки 29:41:

Вот tldr; —

• Мета-описания важны для правильного написания.
• Они помогают пользователям описывать ваши страницы.
• Google иногда (, но не всегда ) извлекает из вашего метаописания для использования во фрагменте, который отображается вместе с вашей ссылкой в ​​результатах поиска.
• Google извлечет ваше метаописание, если они сочтут его более точным и релевантным, чем любой текст , который они могли бы извлечь из вашего содержания.
• Если ваше описание точное, релевантное, краткое и хорошо написанное, у вас может быть больше шансов получить переходы по ссылкам.

Самое главное, Google по-прежнему рекомендует включать метаописание на каждую страницу вашего сайта.

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

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

Что делать дальше

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

Не удлиняйте старые описания — если они не являются критическими страницами

Согласно Google, они по-прежнему ищут релевантность и лаконичность, когда рассматривают текст для использования в сниппетах.
Расширение метаописаний не обязательно улучшит их ни в одной из этих областей.
Вместо этого думайте об этом изменении как о шансе сделать ваши метаописания в будущем еще лучше. У вас есть немного больше пространства для маневра для творчества и убедительности, которые можно добавить в очень актуальное резюме вашей страницы.
Единственным исключением могут быть важные страницы вашего сайта — наиболее важные части контента, целевые страницы и т. Д., Которые получают наибольший поисковый трафик. Moz, в частности, рекомендует вернуться к ним и заново оптимизировать метаописания.
Не просто удлиняйте их — перепишите их с учетом новых ограничений. Вы можете придумать что-то совсем другое, но даже лучше, чем раньше.

Каковы передовые методы создания метаописаний?

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

1. Всегда включайте в описание ключевое слово focus и главное вторичное ключевое слово.Это помогает сразу же установить актуальность.
2. Используйте ключевое слово focus как можно раньше в описании.
3. Используйте слова, ориентированные на действия, чтобы описать преимущества для пользователей, если они нажмут на вашу страницу. Например, начните со слов типа «обнаружить», «найти» или «исследовать», т. Е. «Узнайте, как писать фантастические метаописания».

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

Не мастер метаописания? Никаких забот

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

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

SERP Snippet Generator — 🚀 Für optimierte Meta Angaben

Название и Описание deiner Webseite heben dich von deinen Wettbewerbern in den Google Suchergebnissen ab. Mit dem SERP Snippet Generator optimierst du deine Snippets , erhöhst deine Klickrate und erhältst mehr Besucher von Google.

Du hast die tägliche Menge an Abfragen für heute aufgebraucht. Erstelle dir nun einen kostenlosen Account, um die Toolbox weiter nutzen zu können.

Um deine bearbeiteten Snippets zu teilen, klicke auf «Snippet Link generieren». Der so erzeugte, индивидуальный Link beinhaltet deine Überarbeitungen und hat eine Gültigkeit von 30 Tagen.

Был ли фрагмент поисковой выдачи?

SERP-сниппетов (а также Google-Snippets genannt) не содержат Vorschau eines suchtreffers in den Google Suchergebnissen (SERP). Dieses «Schnipsel» предоставляет Название der Webseite, einer kurzen Textvorschau und der URL .

Es ist der erste und damit wichtigste Kontaktpunkt des Suchenden mit deiner Webseite. Mit der Optimierung des SERP-Snippets kannst du die Klickrate (CTR) deiner Treffer erhöhen und mehr Besucher von Google erhalten.

Wie optimiere ich meine SERP Snippets?

Ohne Optimierung nimmt Google den Titel deiner Webseite und einen von Google ausgewählten Teil des Inhalts als Textvorschau . Du solltest sowohl den Titel optimieren als auch die Textvorschau durch das Setzen einer Мета-описание verbessern.

Название и фрагмент sollen den Inhalt deiner Seite korrekt widerspiegeln und den Nutzer zum Klick auf deinen Treffer animieren .Manche Sonderzeichen erhöhen die Aufmerksamkeit auf einen Treffer. Mehr zur inhaltlichen Gestaltung findest du in unserem Frag SISTRIX-Artikel zu dem Thema.

Wie lang darf mein SERP Snippet sein?

Die Kunst der SERP-Snippet-Optimierung liegt in der bestmöglichen Ausnutzung des verfügbaren Platzes. Google stellt dir in den Desktop- und des Mobile-Suchergebnissen unterschiedlich viel Platz zur Verfügung:

Название : 580 Pixel (Desktop) beziehungsweise 920 Pixel (Mobile)
Описание : 990 Pixel (Desktop) beziehungsweise.300 пикселей (мобильный)

Der SISTRIX SERP Snippet Generator zeigt dir, wie viel Platz du mit deinen Texten bereits nutzt und hilft dir so, das bestmögliche Snippet zu erstellen.

Основная информация отрывки из поисковой выдачи:

Знакомство с кукловодом на практических примерах

Обзор, конкретное руководство и своего рода шпаргалка по популярной библиотеке автоматизации браузера, основанной на Node.js, которая предоставляет высокоуровневый API через протокол Chrome DevTools.

Puppeteer — это проект команды Google Chrome, который позволяет нам управлять Chrome (или любым другим браузером на основе протокола Chrome DevTools) и выполнять общие действия, как в реальном браузере — программно, через достойный API. Проще говоря, это очень полезный и простой инструмент для автоматизации, тестирования и парсинга веб-страниц в режиме без заголовка или с заголовком.

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

Заявление об ограничении ответственности: Эта статья не претендует на замену официальной документации, а скорее развивает ее — вам определенно следует ознакомиться с ней, чтобы привести ее в соответствие с самой последней спецификацией API.

Спонсор:

Активная надежность для современных команд DevOps

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

Для начала нам нужно установить один из пакетов Puppeteer.

Пакет библиотеки

Облегченный пакет под названием puppeteer-core , представляющий собой библиотеку , которая взаимодействует с любым браузером, основанным на протоколе DevTools, без фактической установки Chromium. Это пригодится в основном, когда нам не нужна загруженная версия Chromium, например, для объединения этой библиотеки в проект, который удаленно взаимодействует с браузером.

Для установки просто запустите:

  npm установить кукольник-ядро
  

Упаковка

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

Для установки просто запустите следующее:

  npm установить кукловод
  

Теперь мы абсолютно готовы к работе! 🤓

Как упоминалось ранее, Puppeteer — это просто API над протоколом Chrome DevTools. Естественно, у него должен быть экземпляр Chromium для взаимодействия. По этой причине экосистема Puppeteer предоставляет методы для запуска нового экземпляра Chromium и подключения существующего экземпляра.

Давайте рассмотрим несколько случаев.

Запуск Chromium

Самый простой способ взаимодействия с браузером — запустить экземпляр Chromium с помощью Puppeteer:

Метод запуска сначала инициализирует экземпляр, а затем присоединяет к нему Puppeteer.Обратите внимание, что этот метод является асинхронным (как и большинство методов Puppeteer), который, как мы знаем, возвращает обещание . После ее разрешения мы получаем экземпляр браузера, представляющий наш инициализированный экземпляр.

Подключение хрома

Иногда нам нужно взаимодействовать с существующим экземпляром Chromium — используя puppeteer-core или просто подключив удаленный экземпляр:

Нетрудно заметить, что мы используем chrome-launcher для запуска экземпляра Chrome вручную .Затем мы просто получаем значение webSocketDebuggerUrl созданного экземпляра.

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

Примечание: Конечно, chrome-launcher предназначен только для демонстрации создания экземпляра. Мы абсолютно можем подключить экземпляр другими способами, если у нас есть соответствующая конечная точка WebSocket.

Запуск Firefox

Некоторые из вас могут задаться вопросом — может ли Puppeteer взаимодействовать с другими браузерами, кроме Chromium? 🤔

Хотя есть проекты, которые утверждают, что поддерживают различные браузеры, официальная команда начала поддерживать экспериментальный проект, который взаимодействует с Firefox , а именно:

  npm установить puppeteer-firefox
  

Обновление: puppeteer-firefox был экспериментальным пакетом для проверки связи с устаревшей вилкой Firefox, однако этот проект больше не поддерживается. В настоящее время можно установить для переменной среды PUPPETEER_PRODUCT значение firefox и, таким образом, получить двоичный файл Firefox Nightly.

Это легко сделать в рамках установки:

  PUPPETEER_PRODUCT = firefox npm установить кукольник
  

В качестве альтернативы мы можем использовать BrowserFetcher для получения двоичного файла.

После того, как мы создали двоичный файл, нам просто нужно изменить продукт на «firefox», в то время как остальные строки остаются прежними — это означает, что мы уже знакомы с тем, как запустить браузер:

⚠️ Обратите внимание — интеграция API еще не полностью готова и внедряется постепенно.Кроме того, здесь лучше проверять статус реализации.

Контекст браузера

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

Это действительно возможно, и эти сеансы известны как Контексты браузера .

Контекст браузера по умолчанию создается при создании экземпляра браузера, но при необходимости мы можем создать дополнительные контексты браузера:

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

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

Headful Mode

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

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

На случай, если вам интересно — безголовый режим в основном полезен для сред, в которых на самом деле не нужен пользовательский интерфейс или не поддерживается такой интерфейс. Приятно то, что в Puppeteer можно обезглавить практически все. 💪

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

Отладка

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

Давайте рассмотрим основные принципы:

1️⃣ — Проверка работы браузера

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

Режим заголовка, с которым мы уже знакомы, помогает нам в этом практически:

Помимо того, что браузер действительно открыт, мы теперь можем четко видеть управляемые инструкции — из-за slowMo , который замедляет Puppeteer при выполнении каждой операции.

2️⃣ — Отладка кода нашего приложения в браузере

В случае, если мы хотим отладить само приложение в открытом браузере — это в основном означает открыть DevTools и начать отладку как обычно:

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

По-видимому — некоторые из вас могут задаться вопросом, возможно ли спящий браузер с указанным периодом времени, поэтому:

Первый подход — это просто функция, которая разрешает обещание при завершении setTimeout . Второй подход, однако, намного проще, но требует наличия экземпляра страницы (мы вернемся к этому позже).

3️⃣ — Отладка процесса, использующего Puppeteer

Как мы знаем, Puppeteer выполняется в Node.js, который полностью отделен от процесса браузера. Следовательно, в этом случае мы должны относиться к нему так же, как отлаживаем обычное приложение Node.js.

Подключаемся ли мы к клиенту-инспектору или предпочитаем использовать ndb — все дело в размещении точек останова прямо перед операцией Кукольника. Их также можно добавить программно, просто вставив отладчик ; Заявление , очевидно.

Теперь, когда Puppeteer прикреплен к экземпляру браузера, который, как мы уже упоминали, представляет экземпляр нашего браузера (Chromium, Firefox и т. Д.), позволяет нам легко создавать страницу (или несколько страниц):

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

По сути, Page — это класс, который представляет одну вкладку в браузере (или фон расширения). Как вы догадываетесь, этот класс предоставляет удобные методы и события для взаимодействия со страницей (например, выбор элементов, получение информации, ожидание элементов и т. Д.).

Что ж, пора представить список практических примеров, как и было обещано. Для этого мы собираемся очистить данные с официального сайта Puppeteer и использовать их.🕵

Переход по URL-адресу

Одна из первых вещей — это интуитивно понятная инструкция для пустой страницы перейти по указанному URL:

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

Переход по URL-адресу и считывание заголовка

Как мы заметили, неожиданно отсутствует заголовок. 🧐

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

Именно поэтому Puppeteer предоставляет методы для ожидания таких вещей, как элементы, навигация, функции, запросы, ответы или просто определенный предикат — в основном для работы с асинхронным потоком .

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

Оценка метаэлемента title

При переходе на веб-сайт Puppeteer элемент title оценивается как пустая строка. Однако несколько мгновений спустя страница действительно переходит на страницу индекса веб-сайта и отображается с заголовком.

Это означает, что вызванный метод title фактически применяется слишком рано, на странице входа, а не на странице индекса веб-сайта.Таким образом, страница входа считается первым основным фреймом, и в конечном итоге возвращается ее заголовок, который представляет собой пустую строку.

Давайте решим этот случай простым способом:

Все, что мы делаем, это инструктируем Puppeteer ждать, пока страница не отобразит мета-элемент title , что достигается путем вызова waitForSelector . Этот метод в основном ожидает, пока выбранный элемент не отобразится на странице.

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

Эмулирующие устройства

Библиотека

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

Давайте смоделируем мобильное устройство и перейдем на официальный сайт:

Мы решили эмулировать iPhone X, что означает изменение пользовательского агента соответствующим образом. Кроме того, мы настраиваем размер области просмотра в соответствии с отображаемыми здесь точками отображения.

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

Вот результат приведенного выше примера кода:

Эмуляция iPhone X

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

Дело в том, что нам не нужно явно указывать описания iPhone X, потому что библиотека поставляется со встроенным списком дескрипторов устройств. Вдобавок к этому, он предоставляет метод под названием emulate , который фактически является ярлыком для вызова setUserAgent и setViewport , одного за другим.

Давайте воспользуемся этим:

Это просто изменено, чтобы передать шаблонный дескриптор в , имитирующий (вместо того, чтобы указывать это явно). Обратите внимание, что мы импортируем дескрипторы из puppeteer / DeviceDescriptors .

Обработка событий

Класс Page поддерживает генерацию различных событий, фактически расширяя объект Node.js EventEmitter . Это означает, что мы можем использовать изначально поддерживаемые методы для обработки этих событий, например: на , однажды, , removeListener и так далее.

Вот список поддерживаемых событий:

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

Давайте смоделируем и активируем часть событий, добавив этот скрипт:

Как мы, вероятно, знаем, оценка просто выполняет предоставленный сценарий в контексте страницы.

Тем не менее, вывод будет отражать события, которые мы слушаем:

Прослушивание страницы событий

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

Операционная мышь

Как правило, мышь управляет движением указателя в двух измерениях в области просмотра. Неудивительно, что Puppeteer представляет мышь классом под названием Mouse .

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

Начнем с изменения положения мыши:

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

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

Это ожидаемый результат:

Парение второй ссылки

Хотя это сложно увидеть, вторая ссылка зависла, как мы и планировали.

Следующий шаг — просто щелкнуть ссылку по соответствующим координатам:

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

Примечание: Мы откладываем нажатие, чтобы продемонстрировать, как изменить поведение щелчка, не более того. Стоит отметить, что мы также можем контролировать кнопки мыши (левая, центральная, правая) и количество кликов.

Еще одна приятная вещь — это возможность легко имитировать поведение перетаскивания и отпускания :

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

Операционная клавиатура

Клавиатура — это еще один способ взаимодействия со страницей, в основном для целей ввода.

Подобно мыши, Puppeteer представляет клавиатуру классом с именем Keyboard — и каждый экземпляр Page содержит такой экземпляр.

Давайте введем текст в поле поиска:

Обратите внимание, что мы ждем панели инструментов (вместо боковой панели API). Затем мы фокусируем элемент ввода поиска и просто вводим в него текст.

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

Обычно мы нажимаем ArrowDown дважды и Enter , чтобы выбрать третий результат поиска.

Посмотрите, что в действии:

Выбор результата поиска с помощью клавиатуры

Кстати, приятно знать, что есть список кодов клавиш.

Создание скриншотов

Создание скриншотов через Puppeteer — довольно простая миссия.

API предоставляет нам специальный метод для этого:

Как мы видим, метод screenshot делает всю прелесть — тогда как нам просто нужно вставить путь для вывода.

Кроме того, также можно контролировать тип, качество и даже обрезку изображения:

Вот результат:

Захват области на странице

Создание PDF

Puppeteer полезен либо для создания файла PDF из содержимого страницы.

Покажем, что:

Технический документ: Как получить больше избранных фрагментов

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

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

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

В начале 2016 года мы проанализировали один миллион поисковых запросов с высокой ценой за клик, более 92 000 запросов из избранных фрагментов и миллионы строк данных поисковой выдачи, чтобы представить вам наш последний технический документ. Ниже приведены лишь некоторые из наших основных выводов — вы захотите загрузить весь технический документ для нашего полного анализа.

(Для наших коллег-любителей данных: мы открыли исходный код большой части информации, которую мы собрали в процессе исследования.Если вы тот тип SEO, который хочет заполучить миллионы строк данных поисковой выдачи для почти миллиона запросов с высокой ценой за клик и кучи данных избранных фрагментов, то вам следует перейти к нашему сообщению в блоге о выпуске данных!)

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

1. Рекомендуемые фрагменты часто встречаются в коммерческих результатах поиска

Из 999 868 проверенных результатов поиска мы обнаружили результат избранного сниппета на 92 832 — это 9,28 процента поисковых запросов с избранными сниппетами.

2. Рекомендуемые сниппеты никогда не пересекаются с результатами из трех мест

Мы наблюдали результаты с тремя пакетами мест в 13,2% всех поисковых запросов, но при этом не было никакого совпадения между локальными результатами и избранными фрагментами.

3. Есть три типа рекомендуемых фрагментов кода

Все найденные нами избранные фрагменты попали в одну из трех категорий: абзацы, списки (пронумерованные и маркированные) или табличные фрагменты.

Фрагменты абзацев были наиболее распространенными, они появлялись в 82 процентах избранных сниппетов.Фрагменты списков появились в 10,8%, а фрагменты таблиц — в 7,3%. Все трое время от времени показывали изображения, но форматы никогда не перекрывали друг друга.

Отличный пример фрагмента таблицы

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

4. Похоже, что избранные фрагменты и «Люди также спрашивают» связаны

Хотя результаты «Люди также спрашивают» (PAA) отображаются только в 22% запросов к избранным сниппетам, они кажутся связанными.В 23 процентах результатов поиска с обоими вариантами первый ответ PAA был идентичен ответу из избранного фрагмента.

Featured snippets & PAA

В 23 процентах поисковой выдачи с показанным сниппетом и PAA первый ответ был идентичным.

5. Ежегодный трафик более 1500 запросов составил 1 млн долларов США +

Используя формулу [цена за клик x годовой поисковый трафик], мы измерили приблизительное «значение SERP» для всех встреченных запросов из избранных фрагментов.

При средней цене за клик 49 долларов США.10 и 3600 поисков в месяц, мы рассчитываем приблизительное годовое значение SERP в размере 2 121 120 долларов США для запроса [ виртуальный рабочий стол ].