Lorsque je saisis certaines URL dans l'omnibox de Google Chrome, je vois apparaître le message "Press TAB to search in $URL". Par exemple, il y a des sites russes habrahabr.ru ou yandex.ru. Lorsque vous appuyez sur TAB, vous pourrez effectuer une recherche sur ce site, et non sur votre moteur de recherche. Comment faire pour que mon site soit capable de le faire ? Peut-être dois-je écrire un code spécial dans les pages de mon site ?
Réponses
Trop de publicités?Chrome gère généralement cela par le biais des préférences de l'utilisateur. (via chrome://settings/searchEngines
)
Toutefois, si vous souhaitez mettre en œuvre cette fonctionnalité spécifiquement pour vos utilisateurs, vous devez ajouter une OSD (Open Search Description) à votre site.
Utilisation de la fonction OmniBox [TAB] de Google Chrome sur un site Web personnel ?
Vous ajoutez ensuite ce fichier XML à la racine de votre site, et vous créez un lien vers ce fichier dans votre site Web. <head>
étiquette :
<link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="http://stackoverflow.com/opensearch.xml" />
Désormais, les visiteurs de votre page verront automatiquement les informations de recherche de votre site placées dans les paramètres internes de Chrome à l'adresse suivante chrome://settings/searchEngines
.
Exemple de format 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>
La partie importante est le <url>
article. {searchTerms}
sera remplacé par ce que l'utilisateur recherche dans l'omnibarre.
Voici un lien vers OpenSearch pour plus d'informations.
Mise en œuvre du support omnibox avec les suggestions de recherche
La réponse donnée par @element119 fonctionne parfaitement mais voici un code légèrement modifié pour supporter les suggestions de recherche ainsi que le support Mozilla.
Suivez les étapes ci-dessous pour mettre en œuvre le support omni box pour votre site.
-
Enregistrez le code suivant en tant que recherche.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&q={searchTerms}" /> <Url type="text/html" method="GET" template="http://yoursite.com/?s={searchTerms}" /> <SearchForm>http://yoursite.com/</SearchForm> </OpenSearchDescription>
-
Télécharger recherche.xml à la racine de votre site.
-
Ajoutez la balise méta suivante à la page d'accueil de votre site.
<head>
étiquette<link rel="search" href="http://www.yoursite.com/search.xml" type="application/opensearchdescription+xml" title="You site name"/>
Veillez à remplacer les urls de domaine par votre domaine.