Найти тему
Increase Sales

Как добавить в сниппет форму поиска

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

Пример формы поиска по сайту в сниппете:

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

Реализуется данная возможность очень просто - с помощью разметки schema.org по форматам WebSite и SearchAction:

<div itemscope itemtype="https://schema.org/WebSite">
<meta itemprop="url" content="https://ics-media.ru/"/>
<form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
<meta itemprop="target" content="https://ics-media.ru/search-result/?search={search_term_string}"/>
<input itemprop="query-input" type="text" name="search_term_string" required/>
<input type="submit"/>
</form>
</div>

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

  • В параметре «url» необходимо указать домен Вашего сайта (в примере выше: «https://ics-media.ru/»);
  • В параметре «target» необходимо указать ссылку на страницу результатов поиска Вашего сайта (в примере выше: «https://ics-media.ru/search-result/?search={search_term_string}&id=44» - другими словами, в данном случае страницы поиска доступны по параметру /search-result/?search=, далее идет поисковая фраза, соответственно, параметр результатов поиска на Вашем ресурсе может отличаться);
  • Параметр «query-input» добавляется к текстовому полю формы поиска на Вашем сайте, обратите внимание на значение параметра «name» текстового поля – оно должно быть одинаковым с параметром поисковой фразы в строке параметра «target». Ниже выделим строки из ранее приведенного примера кода - на них жирным курсивом указаны параметры, которые должны быть одинаковыми (иначе валидатор Google посчитает настройку микроразметки некорректной):
<meta itemprop="target" content="https://ics-media.ru/search-result/?search={search_term_string}"/>
<input itemprop="query-input" type="text" name="search_term_string" required/>
  • Параметр «potentialAction» добавляется в тег <form> формы поиска, также в данном теге указывается ссылка на стандарт микроразметки поиска «SearchAction»;
  • Отдельно отметим, что вся разметка должна быть внутри блока с указанием формата «WebSite» (в приведенном выше примере это тег <div> в самом начале кода).

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

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

Отметим, что Яндекс не поддерживает микроразметку формы поиска.

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

Оригинал статьи доступен по ссылке.