Найдется все, или как организовать поиск на сайте

СЕО советы

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

Поисковая система помогает вам делать следующее:

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

Как должна выглядеть форма поиска

Ответ на популярный вопрос: Отображать одну кнопку или всю форму? Если вы предпочитаете, чтобы отображалось поле ввода и кнопка выполнения, вам не нужно предпринимать дополнительных действий. Иногда эти кнопки не всегда видны

Я не могу сразу найти кнопку поиска на веб-сайте туристического агентства.

Незаметная кнопка поиска

Легко сразу ввести запрос на сайте интернет-магазина одежды.

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

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

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

Поле ввода слишком маленькое со стороны пакета:

Маленькое поле ввода

Маленькое поле ввода на странице спортивных товаров:

Простое поле ввода

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

Кнопка на сайте типографии не сразу заметна и неудобно нажимать:

Кнопка ненавязчивого поиска

 Кнопка ненавязчивого поиска

 

На веб-сайте книжного магазина есть видимая кнопка, на которую легко нажать:

Кнопка запуска яркого поиска

 

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

Пример удобного селектора категорий на странице детских товаров:

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

Где лучше всего разместить форму поиска

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

Но также обсудимдругие варианты:

Главное меню . Подходит, если в меню немного ссылок и есть достаточно места для формы.

Места явно недостаточно для формы (сайт компьютерного сервисного центра):

Маленькая форма поиска

Форма легко поместилась в меню (интернет-магазин чая):

Подходящий размер формы поиска

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

На примере сайта по продаже бытовой химии видно, что поле ввода слишком короткое:

Подходящий размер формы поиска

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

Пример того, как поместить форму в нижний колонтитул:

Форма поиска в нижнем колонтитуле страницы

Другие варианты . Здесь пользователи не ожидают увидеть форму поиска и могут ее пропустить. Также было бы сложно разместить форму в одном месте на всех страницах сайта.

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

Форма поиска на главной странице

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

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

Как получить правильные результаты поиска

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

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

На сайте с одеждой и обувью исчезающий запрос только расстраивает:

Форма поиска без сохранения запроса

Дублирование запроса поможет не заблудиться в интернет-магазине верхней одежды:

Пример сохранения введенного запроса

Отразите форму поиска на странице результатов для повторяющихся запросов . Пользователь, возможно, передумал и ему нужно снова найти форму на сайте.

Запросить форму на странице результатов

Запрос на странице инструментов туризма явно не содержит формы поиска:

Нет формы поиска вверху страницы

На сайте продажи кошельков удобно набрать следующий запрос:

Форма быстрого поиска дубликатов

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

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

Нет информации о количестве найденных результатов

Сразу видно количество статей, найденных на веб-сайте юридических услуг:

Правильный вывод количества результатов

 

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

 

Ограничьте количество результатов.

Несмотря на ограниченность строк, монохромный текст гармонирует с окружающей средой (пример взят с веб-сайта, посвященного продаже функций безопасности):

Не удалось разделить результаты поиска

 

 

Результаты хорошо отделены друг от друга на странице центра построения:

Результаты поиска хорошо разделены

 

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

 

Не оставляйте страницу результатов пустой.

Такая страница только потеряет клиентов. Пример с сайта по продаже одежды:

 

Пустая страница с результатами поиска

 

На главной странице продуктов интеллектуально отображаются похожие продукты:

 

Список похожих товаров на странице результатов поиска

 

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

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

Пример из интернет-магазина предметов интерьера:

 

Пример подсказки запроса

 

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

Эти страницы результатов просто сбивают с толку пользователей.

Пример с сайта продаж альтернативной энергии:

 

Пример изменения адреса веб-сайта на странице результатов поиска

Какие инструменты использовать

Давайте рассмотрим основные методы и проанализируем их преимущества и недостатки:

Поиск скриптов

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

Ограничения: специфика выбранной cms, дорогие специалисты и трудоемкость разработки. Многие cms имеют встроенные инструменты для ускорения настройки поиска Выполните поиск по сайту с помощью Яндекс.Поиска и Системы пользовательского поиска Google

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

Минусы: это внешний поиск, поэтому невозможно определить, какие данные наиболее важны, а какие меньше. Также требуется время, чтобы сканировать изменения вашей страницы Используйте другие поисковые системы (Sphinx, Apache Solr, Xapian и т. д.)

Огромный набор функций, облегчающих поиск

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

 

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

Следуйте этим советам, и на вашем сайте появится надежный инструмент поддержки клиентов.

Оцените статью