Как установить Яндекс Поиск на wordpress сайт?

Яндекс поиск wordpress

В этой статьи или даже правильнее сказать в обучающем уроке мы с Вами разберемся, как же можно установить Яндекс Поиск на свой сайт, реализованный на WordPress. Урок будет подробно рассмотрен и к каждому пункту я дам объяснения, так что справится сможет даже любой новичок. Если Вас что-то не понятно – посмотрите видео в конце статьи, а так же задавайте вопросы в комментариях.

Регистрация поиск в Яндексе

Для начала переходим на сайт Яндекса и нажимает по большой желтой кнопке “Установить поиск”. Перед нами появляется поля для заполнения, давайте подробнее с ними разберемся.

Установка Яндекс Поиска WordPress

  • Техническое название поиска. Это название техническое и видите его только Вы. Вы можете ввести “мой поиск” или “поиск по сайту”, но я всегда ввожу “Поиск по сайту WordPressGuru.ru”, так как сайт у меня не один и если я каждый раз буду вводить “Мой поиск” я просто запутаюсь, к кому адресу принадлежит тот или иной поиск.
  • Название поиска для стандарта Opensearch. Вот тут уже стоит ввести правильное название, так как его будут видеть пользователи в браузерах, которые поддерживают формат Opensearch. Я обычно ставлю “Поиск по сайту site.ru”, где site.ru – имя сайта, на котором я устанавливаю поиск.
  • Семейный фильтр. Тут идет защита от взрослого контента, но так как мой сайт посвящен только статьям про WordPress и ничего тут больше не планируется – то я ставлю фильтр без ограничений. Если Вы ищите сразу на нескольких адресах, то советую подумать, какой именно фильтр подходит для Вас.
  • Область поиска. В области поиска мы добавляем только один сайт и никаких исключений. В моем случае я устанавливаю в области сайты адрес wordpressguru.ru, так как поиск будет осуществляться только по этому сайту. Если у Вас много поддоменов – мы можете включить их в область поиска.
  • Адрес электронной почты. Думаю это поле не нуждается в объяснении, просто введите сюда свой адрес email. Единственное, что хочу заметить – адрес Вашей электронной почты должен быть подтвержден в аккаунте Яндекса. Если у Вас почта непосредственно в сервисе Яндекса – то подтверждать ничего не нужно.

После заполнения всех полей нажимаем на кнопку “Далее к шагу 2″. Во втором шаге мы будем настраивать дизайн нашей поисковой формы. Второй шаг у Вас должен выглядеть следующем образом:

Настройка дизайна для поиска Яндекс WordPress

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

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

Показ поиск на сайте

Все результаты поиска я буду выводить на отдельную страницу, которую я создам позже. Но я знаю, что страница будет под названием search.html, так что я сразу указываю это. Так же для удобства я поставил галочку на открытие результатов поиска на новой странице. Рекомендую ставить такие же настройки, только вместо моего адреса страницы поиска Вам необходимо поставить свою.

В основных свойствах страницы я ставлю фон белым цветов (#ffffff), так как фон на моем сайте белый. Поставьте тот код цвета, которым у Вас выводится фон, чтобы поиск максимально подстроился под дизайн Вашего сайта. Так как я выбрал показывать результаты на моей странице, а не в Яндексе, настройки заголовка и логотипа у меня не доступны и будут автоматически добавлены стандартные.

Дизайн результатов поиска на блоге

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

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

В четвертом шаге показывается, как ищет Ваш поиск. Хочу заметить, если Ваш сайт еще не проиндексирован поисковой системой Яндекс – то поиск ничего не найдет. Не переживайте по этому поводу, как только сайт будет проиндексирован – сразу все будет найдено. Теперь остается только интегрировать поиск на Ваш сайт, а об этом подробнее читайте ниже.

Установка поиска на сайт

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

Код поиска Яндекс на блоге WordPress

Вместо цикла вывода контента (the_content) мы вставляем код поиска, которые предлагает нам Яндекс. Сохраняем файл на сервере, выбираем его при создании новой страницы и опубликовываем его. Теперь поиск уже работает, но нам осталось вывести поисковую форму, в которой пользователи будут вводить своим запросы.

Код формы поиска от Яндекса

Для этого переходим во вкладку в административную панель и во вкладке “Внешний вид” выбираем пункт “Виджеты”. В активную область виджетов мы переносим “Текстовый виджет” в тело которого мы вставляем код, который предлагает нам Яндекс. После всех этих действий нам остается только сохранить изменения и перейти на страницу Вашего сайта. Если Вы все сделали правильно, то у Вас в сайдбаре появится такая форма:

poisk-gotovЕсли у Вас остались какие-то вопросы, сначала обязательно посмотрите видео, а потом оставляйте вопросы в комментариях. Я очень надеюсь, что урок Вам поможет и вы еще немного приблизились к статусу Гуру WordPress. Обязательно подписывайтесь на RSS и читайте нас в социальных сетях! Мы стараемся для Вас!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">