Как сделать и добавить поиск на сайте

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

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

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

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

Самописные движки

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

Поиск по сайту от Google и Яндекс

Поисковые системы предлагают готовые решения для сайтов. Они имеют достаточно широкий функционал: позволяют ограничить поиск только вашим ресурсом или подключить поиск по всему Интернету, автоматически исправляют ошибки в пользовательском запросе, учитывают статистику обращений. Интеграция движка в собственную CMS при этом максимально проста: достаточно скопировать код поисковой формы и вставить в HTML–код нужной страницы своего ресурса. Настройка дизайна поисковой строки при этом осуществляется через CSS–стили. Таким образом, открытый код ресурсов, созданных с помощью Taptop, делает решение такой задачи, как включить поиск на сайте, простой и доступной. Кроме того, в нашей Базе знаний подробно описано, как добавить и настроить виджет поисковой строки.

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

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

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

Среди наиболее распространенных поисковых платформ стоит выделить Elasticsearch (ES), Sphinx, Solar. Интеграция в CMS при их использовании схожа с подключением поисковых приложений от Google и Yandex.

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

Идеальная форма поиска: какой она должна быть?

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

Кнопку поиска, в отличие от поля ввода, сложней найти. Поэтому предпочтительней использовать полную форму: пользователь точно воспользуется ей, если заметит, а не закроет вашу страницу.
Длина и высота формы поиска должна вмещать 2–3 слова, а для запроса предпочтительней крупный шрифт, чтобы пользователи могли самостоятельно увидеть и исправить ошибки.
Не забывайте о кнопке запуска: посетители часто не понимают, куда нажимать, чтобы поиск запустился.
Большинство пользователей привыкли искать форму поиска в шапке сайта. Постарайтесь разместить ее именно там и убедитесь, что строка доступна на всех страницах.
Предпочтительней настроить поиск таким образом, чтобы его результаты по умолчанию открывались в новой странице браузера.
Указывайте количество результатов, чтобы ваш потенциальный клиент сразу мог оценить количество вариантов.
Старайтесь отделить результаты поиска друг от друга визуально: подзаголовками, отступами, линиями.
Не оставляйте результаты пустыми: лучше порекомендуйте аналогичные товары или контент по смежной теме.
Используйте подсказки при заполнении формы, чтобы клиент мог быстрее найти нужную информацию.

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