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

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

Сегодня на повестке дня у нас установка Яндекс поиска на сайте, и сейчас мы подробно разберем его установку, а также ответим на вопрос: “Зачем это вообще нужно?”.

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

Какие перспективы дает установка поиска от Яндекса? Первое, это возможность размещения в этом поиске рекламу от Яндекса – Яндекс Директ. Второе, это возможная симпатия поисковой системы Яндекс. Я уже упоминал пункт установки яндекс поиска в теме “Причины бана Яндекса” в подтеме “Как понравится Яндексу”. Так что это тоже можно считать плюсом использования поиска этой поисковой системы. И третье, это удобство использования и навигации сайта для Ваших посетителей. Дело в том, что очень многие вебмастера вообще не думают о том, чтобы каким-либо образом улучшить уже имеющийся поиск сайта, поскольку для для молодого сайта это не особо требуется, ведь контента еще достаточно мало, а для сайта в зрелом возрасте, мнение посетителей уже не особо его тяготит, так как уже идет стабильный поток посетителей, и владельца сайта волнует только способ заработка на своих пользователях. Мы же, независимо от возраста своего ресурса, будем стараться максимально оптимизировать свой сайт как для пользователей, так и для поисковых систем, поскольку каждый подобный пункт, позволяет на шаг опережать своих конкурентов, которые пренебрегали подобными мелочами.

Настройка Яндекс поиска по сайту

Для начала, необходимо авторизоваться в любом из сервисов яндекса (почта, кошелек, вебмастер), так как без авторизации установить Яндекс поиск на сайт не получится. Если Вы ни в одном сервисе Яндекса не зарегистрированы, то проще всего будет создать почтовый ящик от яндекса. Завести свой почтовый ящик можно с главной страницы яндекса, а время на регистрацию займет не более 5-10 минут.

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

И приступаем к заполнению полей и настройке внешнего вида Яндекс поиска:

Шаг 1.

1. Название поиска – в этом поле можете ввести любое название для своего поиска, поскольку оно будет видно только Вам при входе в панель управления Яндекс поиска.

2. Сайты или разделы сайтов – необходимо ввести ту область сайта по которой будет осуществлять поиск (весь сайт, категория сайта)

3. Адрес электронной почты – вводим рабочий адрес свой электронной почты.

Шаг 2.

Цвет фона и размер шрифта - устанавливаем цвет фона Яндекс поиска, а также размер шрифта.

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

Тип формы – выбираем тип формы поисковой строки: прямоугольная или остроконечная. И затем, саму форму поисковой строки.

Все применяемые изменения, мгновенно будут отображать под строкой “Предпросмотр формы поиска“.

Шаг 3.

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

“в домене Яндекса” – результаты поиска будут показаны в новом окне, но уже не на Вашем сайте.

“в iframe на странице” – результаты поиска будут показаны в том же окне, но на Вашем сайте.

То есть, если выбрать ” в домене Яндекса“, то по результатам поиска откроется новое окно с результатами поиска, которое будет находиться не на сайте, а будет выглядеть практически как обычный Яндекс поиск.

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

Выбирать конечно же Вам, Вы можете выбрать показ результатов поиска, как в домене Яндекса, так и в iframe на странице, здесь выбор на любителя. Я же выбрал показ в iframe на странице, поскольку стараюсь сделать так, чтобы посетитель провел на моем сайте максимальное количество времени.

Далее во вкладках: “Основные свойства страницы“, “Логотип и заголовок“, “Результаты поиска“, “Ссылки и навигация“, “Нижний колонтитул“, настраиваем весь цветовой внешний вид Яндекс поиска так, чтобы он максимально подходил под дизайн Вашего сайта. Некоторые вкладки могут быть не доступны для настроек, это зависит от выбора места показа результатов поиска.

Шаг 4.

Проверка поиска – для проверки правильной работы поиска по сайту, вводим какой-либо поисковый запрос темы, которая присутствует на сайте. Имейте ввиду, что в поисковой выдаче будут показаны только проиндексированные страницы сайта, страницы, которые еще не прошли индексацию Яндексом в поисковой выдаче участвовать не будут.

Шаг 5.

Теперь необходимо вставить следующий или следующие коды на свой сайт. Если Вы выбрали, чтобы результаты выдачи выводились в домене Яндекса, то у Вас для вставки будет только один код. Если же для результатов поиска Вы выбрали ”в iframe на странице“, то у Вас появится уже 2 блока кодов, которые необходимо вставить на сайт.

Первый блок отвечает за поисковую форму на сайте. Второй блок необходимо разместить на пустой созданной странице, если в предыдущих настройках Вы выбрали форму показа в ”в iframe на странице“. Если же Вы выбрали открывать ”в домене Яндекса“, то 2 блока кода у Вас не будет.

Более подробно я хотел бы разобрать установку на WordPress, поскольку я сам пользуюсь этим движком. Как я уже сказал, при наличии второго блока с кодом, мы вставляем его в пустую созданную до этого страницу в режиме HTML и благополучно забываем о нем, больше нас эта страница интересовать не будет.

Теперь, независимо от того, какой способ вывода поисковой выдачи Вы выбрали, необходимо вставить первый блок с кодом (более большой и длинный) в то место сайта, где Вы хотели бы, чтобы была расположена поисковая строка Яндекса. Можно самостоятельно покопаться в php шаблонах своего блога или просто вставить этот код в виджеты своего сайдбара (чаще всего так и делают). И после всех вышеуказанных манипуляций, если все было сделано правильно, должна появится поисковая строка Яндекса в сайдбаре или каком-либо другом произвольном месте Вашего сайта, в зависимости от того куда Вы вставили блок кода.

Для более продвинутых пользователей, хочу предложить сделать следующее. Вы сразу думаю заметите такую нехорошую вещь, что поиск, который уже был установлен по-умолчанию на сайте, ведь никуда не исчез и теперь портит всю картину поисковой навигации сайта, ведь откуда мы можем знать, каким поиском воспользуется пользователь? И после таких вот раздумий я подумал: “А можно ли каким-то образом интегрировать поиск от Яндекса в уже существующий поиск сайта, и не испортив при этом сам дизайн поисковой строки, установленной по-умолчанию?“. В интернете подобной информации я так и не нашел, не считая одного условного примера, и то, который к моим внутренностям сайта не подошел. Поэтому я самостоятельно, потратив на бой без правил (почему бой без правил, спросите вы, а потому что, после каждого неверного движения сайт просто перекашивался как мог…) около 3-4 дней, все же смог прикрутить Яндекс поиск к своему “родному” поиску по сайту.

Вы тоже можете попробовать сделать нечто подобное, мутировав 2 кода в один. У всех шаблоны сайта разные, поэтому “прямого” пути я не могу показать, поэтому я Вам покажу 2 примера успешного соединения стандартного поиска по сайту и Яндекс поиска:

1 пример.

Этот код результат совмещения кода по-умолчанию и Яндекс Поиска в в файле searchform. php шаблона WordPress (пример из интернета)(Чтобы выделить код для копирования, дважды щелкнуть по нему левой кнопкой мыши.):

<form action="http://crazy-files. ru/poisk-sayta" method="get"><input type="hidden" name="searchid" value="1830313"/><input name="text" value="Поиск по сайту" onfocus="if (this. value == 'Поиск по сайту') {this. value = '';}" onblur="if (this. value == '') {this. value = 'Поиск по сайту';}"/> <input class="naity" type="submit" value="Найти"/></form>

<script type="text/javascript" src="http://site. yandex. net/load/form/1/form. js" charset="utf-8"></script>

2 пример.

Этот код формируется в файле header. php шаблона WordPress (пример моего сайта)(Чтобы выделить код для копирования, дважды щелкнуть по нему левой кнопкой мыши.):

<form method="get" id="searchform_top" action="http://crazy-files. ru/poisk-sayta"; ?>

<div>

<input type="hidden" name="searchid" value="1830313"/><input name="text" value="Яндекс поиск..." id="searchform_top_text" onclick="this. value='';"/><input type="image" src="<?php bloginfo('template_url')?>/images/suchen. gif" id="gosearch" />

</div>

</form><script type="text/javascript" src="http://site. yandex. net/load/form/1/form. js" charset="utf-8"></script>

Этот код является результатом совмещения кода поиска по-умолчанию и Яндекс Поиска, который расположен в вышеуказанном шаблоне между следующими строчками кода:

<div id="main_search">

</div>

Что же я сделал и сделал человек из первого примера? Полностью были отрезаны стили Яндекс Поиска, и совмещение происходило уже без стилей поиска от Яндекса, это все что я могу подсказать, поскольку, как я уже говорил, у всех шаблоны сайтов индивидуальные и прописаны совершено по разному, и дальше Вам придется доходить самим. Только при копировании не забудьте изменить адрес сайта и “value” на свои значения кода Яндекс Поиска.

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


Карта сайта


Информационный сайт Webavtocat.ru