Як не дивно, відповідь є на цій сторінці та будь-якому іншому сайті Stack Exchange :)
Ви повинні визначити OpenSearchDescription для свого сайту. Якщо ви подивитеся на вихідний код цієї сторінки, ви побачите у заголовку:
<link rel="search" type="application/opensearchdescription+xml" title="Pro Webmasters - Stack Exchange" href="https://webmasters.stackexchange.com/opensearch.xml">
І якщо ви відкриєте opensearch.xml
посилання тут, ви бачите:
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>Webmasters</ShortName>
<Description>Search Webmasters: Q&A for pro webmasters</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">http://sstatic.net/webmasters/img/favicon.ico</Image>
<Url type="text/html" method="get" template="http://webmasters.stackexchange.com/search?q={searchTerms}"/>
</OpenSearchDescription>
Ви повинні реалізувати те саме для свого сайту. Ключовим моментом є те, що вам потрібен якийсь пошук, здійснений на вашому сайті, який використовується броузером для здійснення фактичного пошуку. Це вказано в шаблонній частині XML:
http://webmasters.stackexchange.com/search?q={searchTerms}
Google Custom Search можна використовувати для цієї мети, якщо у вас немає поточного пошуку на вашому сайті.