Топ-100 Как вставить поиск на сайт - Разработка сайтов на WordPress
Как вставить поиск на сайт

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

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

  • Если вы создаете свой сайт на какой-либо CMS, вполне вероятно, что окно поиска уже установлено, и вам не нужно ничего делать;
  • Вы можете установить свой собственный поиск. Есть бесплатные программы, которые вам нужно будет установить. Обычно, это не занимает много времени, но вы должны иметь базовые знания о базах данных и PHP или любом другом языке управления базами данных;
  • Другой вариант – воспользоваться услугами крупных поисковых систем – например, Google.

Использование собственной поисковой системы

Одним из преимуществ использования собственной поисковой системы для вашего сайта является независимость от крупных компаний (Google, Яндекс и т. д.), которые должны проиндексировать ваш сайт, чтобы иметь возможность пользоваться их услугами. Даже если ваш сайт уже проиндексирован, у поисковых систем есть свое расписание для повторной индексации сайтов. Поэтому, вам, возможно, придется подождать некоторое время, чтобы новая страница была проиндексирована и доступна для поиска. Если у вас есть собственный поисковик, вы всегда можете добавить свои новые страницы в список. Конечно, владение поисковой системой также означает полную свободу контролировать отображение результатов. Я предлагаю два примера программ для поисковых систем, но используйте их на свой страх и риск.

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

Добавление окна поиска Google

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

В следующем примере вы можете искать по во всей сети или только на вашем сайте (в данном случае ravechnost.ru), установив флажок «Искать только на ravechnost.ru»:

<fоrm method="get" action="http://www.google.com/search">

<div style="border:1px solid blue;padding:5px;width:27em;">

<table border="0" cellpadding="0"> <tr><td> <input type="text" name="q"

size="25" maxlength="255" value="" /> <input tуpe="submit" value="Google Search" />

</td></tr>

<tr><td align="center" style="font-size:75%">

<input type="checkbox" name="sitesearch" value="ravechnost.ru" checked />

Искать только на ravechnost.ru<br />

</td></tr></table> </div> </fоrm>

Результат будет выглядеть так:

Искать только на ravechnost.ru

Чтобы использовать этот пример для своего сайта, просто измените ravechnost.ru на имя вашего сайта. Обратите внимание, что этот метод добавления окна поиска использует базу данных Google. Если Google еще не проиндексировал ваш сайт, окно поиска не будет работать!

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

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

<!-- Google Custom Search Element --><div id="cse" style="width:100%;">Поиск</div>

<scriрt src="https://www.google.com/jsapi" type="text/javascript"></scriрt>

<scriрt type="text/javascript">google.load('search', '1');

google.setOnLoadCallback(function(){ var cse = new google.search.CustomSearchControl();

cse.draw('cse'); }, true); </scriрt>

Этот пример, на самом деле, является пользовательским поиском Google. Обязательно посетите сайт, зарегистрируйтесь, и вы сможете создать окно поиска таким, каким хотите. Вы также можете добавить рекламу Ad Sense в результаты поиска, чтобы заработать на этом.

Акция! Сайт + логотип + продвижение всего за 29000!

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

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

Получить предложение

Pin It on Pinterest