Как добавить google chrome omnibox-поисковая поддержка для вашего сайта?

когда я ввожу некоторые URL-адреса в Google Chrome omnibox, я вижу сообщение в нем "нажмите вкладку для поиска в $URL". Например, есть несколько русских сайтов habrahabr.ru или yandex.ru. когда вы нажмете TAB, вы сможете искать на этом сайте, а не в своей поисковой системе. Как сделать мой сайт, чтобы иметь возможность для этого? Может быть, мне нужно написать какой-то специальный код на страницах моего сайта?

2 122
html google-chrome cross-browser opensearch

2 ответа:

Chrome обычно обрабатывает это через пользовательские настройки. (через chrome://settings/searchEngines)

однако, если вы хотите реализовать это специально для своих пользователей, вам нужно добавить OSD (Open Search Description) на свой сайт.

использование функции OmniBox [TAB] Google Chrome для/на личном веб-сайте?

затем вы добавляете этот XML-файл в корень вашего сайта и ссылаетесь на него в своем <head> - тег:

<link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml" />

теперь посетители вашего страница автоматически будет иметь поисковую информацию вашего сайта, размещенную во внутренних настройках Chrome по адресу chrome://settings/searchEngines.

пример формата XML OpenSearchDescription

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>Your website name (shorter = better)</ShortName>
<Description>
Description about your website search here
</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">your site favicon</Image>
<Url type="text/html" method="get" template="http://www.yoursite.com/search/?query={searchTerms}"/>
</OpenSearchDescription>

важной частью является <url> товар. {searchTerms} будет заменено на то, что пользователь ищет в omnibar.

вот ссылка OpenSearch для получения дополнительной информации.

178

реализация поддержки omnibox с предложениями поиска

ответ, данный @element119, работает отлично, но вот немного измененный код для поддержки предложений поиска, а также поддержки Mozilla.

выполните следующие действия, чтобы реализовать поддержку omni box для вашего сайта.

  1. сохраните следующий код поиск.xml 
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
  <script/>
  <ShortName>Site Name</ShortName>
  <Description>Site Description (eg: Search sitename)</Description>
  <InputEncoding>UTF-8</InputEncoding>
  <Image width="16" height="16" type="image/x-icon">Favicon url</Image>
  <Url type="application/x-suggestions+json" method="GET" template="http://suggestqueries.google.com/complete/search?output=firefox&amp;q={searchTerms}" />
  <Url type="text/html" method="GET" template="http://yoursite.com/?s={searchTerms}" />
  <SearchForm>http://yoursite.com/</SearchForm>
</OpenSearchDescription>

  1. загрузить поиск.xml в корень ваш сайт.

  2. добавьте следующий мета-тег на ваш сайт <head> tag

<link rel="search" href="http://www.yoursite.com/search.xml" type="application/opensearchdescription+xml" title="You site name"/>

убедитесь, что вы заменили url домена на свой домен.

22