Яндекс — поиск для сайта

Время чтения3 минуты
Валерия Свирская
Валерия Свирская
Эксперт Jivo

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

Как настроить

Установить поиск от «Яндекса» легко и это не займет много времени. Для этого перейдите на сайт поиска и нажмите большую кнопку «Установить». Откроется пользовательское соглашение, которое нужно принять. Затем вы увидите страницу установки с разными полями — их нужно последовательно заполнить. Напишите техническое название поиска, которое будет видно только вам. В блоке «Область поиска» укажите адрес вашего сайта.

Теперь приступайте к оформлению страницы поиска. Можно выбрать дизайн поисковой формы и ее цветовую гамму. А также в поле запроса можно показывать логотип «Яндекса» или вашей компании.

Далее настройте результаты поиска. Здесь укажите url страницы, на которой вы хотите разместить форму поиска или просто домен сайта. Рекомендуем установить галочку возле фразы «Открывать страницу результатов поиска в отдельной вкладке». После этого проверьте вид поиска на четвертом этапе настройки.

На пятом этапе настройки вы найдете код формы поиска — скопируйте его и вставьте в HTML-код страницы вашего сайта. Ориентируйтесь на элемент

<div>

с определенными CSS-классами. А изменить дизайн формы вы можете с помощью CSS: для этого опишите нужные стили в элементе

<style>

после кода формы.

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

Примеры виджетов

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

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

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

Возможности API

Благодаря поиску от «Яндекса», ваши клиенты легко найдут нужные товары на ваших ресурсах или в каталоге интернет-магазина. А отправлять поисковые запросы для интернет-магазинов можно как с помощью стандартной формы, так и с API Яндекс поиска для сайта.

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

Для работы с API нужно выполнить пять шагов, все они подробно описаны на сайте «Яндекса»:

  1. Ознакомьтесь с документацией и пользовательским соглашением
  2. Добавьте YML-файл каталога в интерфейс настроек
  3. Получите ключ для работы с API в кабинете разработчика
  4. Укажите ключ
  5. Встройте код формы и результатов в ваш сайт.

Готово! Теперь вы можете использовать все возможности Яндекс поиска с API.

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

Поделиться статьей
Попробуйте все возможности Jivo бесплатно!
Введите адрес и получите две недели профессиональной версии