OpenSearch. Создаем поисковый плагин.

Вы все наверняка видели как в строке поиска  браузера время от времени сайты предлагаю установить их поиск. Реализация такого поиска у себя на сайте будет не плохим способом вернуть посетителя. По сути это так же как социальные закладки. Сегодня пользователь забыл о вашем сайте, через месяц, год, без разницы через какое время он вернулся заметив сайт в строке поиска. Может пользователю вообще будет удобно искать на вашем сайте информацию прямо из браузера. Конечно такие быстрые поиски больше востребованы у сайтов-агрегаторов информации и каталогов, но ввиду его простой реализации не будет лишнем на наших сайтах.

Вот так просится в браузер  к юзеру поисковая система Спутник, на  примере Firefox:

OpenSearch, firefox

Я задумался как же «добавить сайт в строку поиска firefox?». Оказалось всё очень просто.

OpenSearch.

Так вот такой поиск реализовывается с помощью технологии OpenSearch.

OpenSearch — набор технологий, позволяющих веб-сайтам и поисковым системам публиковать результаты поиска в форматах, удобных для распространения и сбора. Подробнее можете почитать на Wiki или на оф.сайте opensearch.org.

Нас интересует сама реализация.

Реализация OpenSearch на своем сайте.

 

OpenSearch работает с браузерами Mozila FireFox 2+, Chrome и Internet Exlporer 7+. А так же без проблем работает с движками WordPress, Drupal, MediaWiki и другими.

Меня интересует WordPress, т.к. на нём у меня большинство сайтов и на нём всё проверено. Если интересно можете попробовать и на других движках.

 

Для начала нам надо создать XML-файл с кодом внутри:
<?xml version="1.0" encoding="UTF-8"?>
 <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
   <ShortName>Поиск Работа онлайн</ShortName>
    <Description>Поиск по сайту Работа онлайн</Description>
    <Tags>9ts.ru - Работа онлайн</Tags>
     <Contact>admin@site.com<Contact/>
    <Image width="32" height="32" type="image/x-icon">http://9ts.ru/favicon.ico</Image>
    <Url type="text/html" method="get" template="http://9ts.ru/?s={searchTerms}"/>
</OpenSearchDescription>

Думаю тут по структуре всё понятно и разбирать её подробно не будем

Основными тегами являются:

  •  <ShortName> — Название поиска. Оно же будет отображаться в строке поиска у пользователя.
  •  <Url> — Определяет строку поиска и формат отдачи результатов. Указываете в соответствии с реализацией поиска на вашем сайте. Данный пример работает на WP.

Остальные параметры не являются обязательными и их можно даже не указывать в XML. Созданный XML файл кладём в корень сайта или где вам удобно, главное на следующем шаге указать путь к файлу.

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

<link rel="search" type="application/opensearchdescription+xml" 
href="http://9ts.ru/opensearch.xml" title="Поиск Работа онлайн" />

 

Для WP можно добавить в файл header.php

Важное замечание: название поиска в теге <ShortName> и название поиска в параметре title тега <link> должны совпадать. Иначе ничего не заработает.

Сохраняем и обновляем страницу. Всё заработало. Теперь наш сайт тоже просится в поиск к пользователю.

поиск на лету

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

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

Пользуйтесь 😉

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

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