Installer la recherche OpenSearch sur votre blog WordPress

OpenSearch (à l’origine A9 chez Amazon) permet de créer un moteur de recherche rapide WordPress pour Firefox, à droite de la barre d’adresse, comme le populaire moteur Google.

Une fois ce moteur ajouté il est possible pour l’utilisateur de rechercher rapidement sur votre blog WordPress, c’est le cas sur Blogmotion vous pouvez essayer.

Voici comment intégrer facilement OpenSearch à votre blog WordPress.

Installation

OpenSearch fonctionne grâce à un fichier XML décrivant le moteur de recherche. Vous pouvez l’appeler comme vous le souhaitez *.xml (search.xml chez moi) mais il faut toutefois respecter le modèle de base pour le contenu.

Les éléments en rouge doivent être personnalisés et adaptés à votre blog (nom de domaine) :

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>Blogmotion</ShortName>
<Description>Culture web et nouvelles technos</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">http://blogmotion.fr/favicon.ico</Image>
<Url type="text/html" method="get" template="http://blogmotion.fr/?s={searchTerms}">
</Url>
<Url type="application/x-suggestions+json" template="suggestionURL"/>
<moz:SearchForm>searchFormURL</moz:SearchForm>
</OpenSearchDescription>

Les spécifications sont à consulter ici.

Il ne vous reste plus qu’à insérer entre les balises <head></head> la ligne indiquant à Firefox que vous disposer d’un moteur OpenSearch. Sur WordPress ça se passe dans le fichier header.php de votre thème :

<link rel="search" type="application/opensearchdescription+xml" title="la recherche Blogmotion" href="http://blogmotion.fr/search.xml">

Conclusion

Cette solution est simple, efficace et basée sur un standard.

Et puis parce que tous les sites n’ont pas ce système de recherche, vous pouvez utiliser Add to Search Bar, une extension Firefox qui permet de recherche sur n’importer quel site (démo ici).

<link rel="search" type="application/opensearchdescription+xml" title="la recherche Blogmotion" href="http://blogmotion.fr/search.xml">
Vous devriez me suivre sur Twitter : @xhark

Article original écrit par Mr Xhark publié sur Blogmotion le 15/08/2010 | 15 commentaires |
Attention : l'intégralité de ce billet est protégée par la licence Creative Commons

tags : blog firefox intégrer javascript et css moteur recherche wordpress xml
2 votes
15/08/2010 00:54
Ecrit par Blogmotion - Afficher l'article originel
Vus : 735
Publié par Blogmotion : 108