How to add google chrome omnibox-search support for your site?

by

Chrome usually handles this through user preferences. (via chrome://settings/searchEngines)

However, if you’d like to implement this specifically for your users, you need to add a OSD (Open Search Description) to your site.

Making usage of Google Chrome’s OmniBox [TAB] Feature for/on personal website?

You then add this XML file to the root of your site, and link to it in your <head> tag:

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

Now, visitors to your page will automatically have your site’s search information placed into Chrome’s internal settings at chrome://settings/searchEngines.

OpenSearchDescription XML Format Example

<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>

The important part is the <url> item. {searchTerms} will be replaced with what the user searches for in the omnibar.

Here’s a link to OpenSearch for more information.

More Related Contents:

  1. Disabling Chrome Autofill
  2. Local Storage vs Cookies
  3. Chrome ignores autocomplete=”off”
  4. How to save CSS changes of Styles panel of Chrome Developer Tools?
  5. Favicon not showing up in Google Chrome [duplicate]
  6. Determine a user’s timezone
  7. How do I use Google Chrome 11’s Upload Folder feature in my own code?
  8. HTML 5 Geo Location Prompt in Chrome
  9. How do I uninstall a Service Worker?
  10. Disable native datepicker in Google Chrome
  11. Localization of input type number
  12. How to disable Google translate from HTML in Chrome
  13. Using base tag on a page that contains SVG marker elements fails to render marker
  14. Chrome rendering issue. Fixed position anchor with UL in body
  15. How to disable CSS in Browser for testing purposes
  16. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  17. Prevent “overscrolling” of web page
  18. Disable double-tap “zoom” option in browser on touch devices
  19. Disable form autofill in Chrome without disabling autocomplete [duplicate]
  20. Is the HTML shown via ‘View Source’ different from the HTML shown in (Firebug) developer tools?
  21. What is shadow root
  22. Why does Chrome incorrectly determine page is in a different language and offer to translate?
  23. Is there a way to tell browsers to honor the jpeg exif orientation?
  24. Anchor tags not working in chrome when using #
  25. Prevent scroll-bar from adding-up to the Width of page on Chrome
  26. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  27. chrome/safari display border around image
  28. html5 video issue with chrome
  29. Why is Chrome showing a “Please Fill Out this Field” tooltip on empty fields?
  30. number input – always show spin buttons

Leave a Comment