XHTML & CSS

Ajouter un plugins OpenSearch à votre site/blog

Le 13 novembre 2007 à 0:34 par chris

OpenSearch est une collection de technologies permettant à des sites web et des moteurs de recherche de publier des résultats de recherche dans un format standardisé.

Ce billet va vous expliquer comment intégrer l’open Search sur votre site.

Pour comprendre à quoi celà sert, commencez par ouvrir Firefox 2 ou IE7 sur ce blog.

ensuite cliquez sur l’onglet de sélection de moteur de recherche.

En bas de la liste, vous verrez apparaître “ajouter SmashingSearch”. Cliquez dessus et le moteur de recherche de Smashing Coding sera maintenant disponible dans votre liste de moteur.

Pour vous expliquez le fonctionnement, je vais vous montrer la démarche que j’ai effectuée pas à pas.

J’ai créé un fichier xml, par exemple monblog.xml

dans celui ci, j’ai écris ce contenu:

  1. <?xml version="1.0"?><OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"><ShortName>SmashingCoding</ShortName>
  2.  
  3. <Description>Rechercher un tuto ou une astuce</Description>
  4.  
  5. <Tags>php ajax css xhtml w3c </Tags>
  6.  
  7. <Image height="16" width="16" type="image/gif">http://smashingcoding.com/wp-content/themes/smashing2/art/favicon.gif</Image>
  8.  
  9. <Url type="text/html" method="GET" template="http://smashingcoding.com/?s={searchTerms}"/>
  10.  
  11. <InputEncoding>UTF-8</InputEncoding>
  12.  
  13. <AdultContent>false</AdultContent>
  14.  
  15. </OpenSearchDescription>

Comme vous pouvez le constater, ce n’est rien de très méchant:

Un nom, une description, des mots clés, l’url de la favicondu blog, url du moteur de recherche ({searchTerms} remplace le mot clé de la recherche)

 

Au sujet de la favicon: si celle-ci est au format ico, vous le préciserez comme ceci

type="image/x-icon"

vous pouvez aussi inclure directement l’icon encodée en base64, dans ce cas vous obtiendrai quelque chose comme ceci :

<Image width="16" height="16">data:image/x-icon;base64,iVBORw0KGgoA...=</Image>

 

Ensuite, je sauve le fichier et je l’upload sur l’FTP de mon site.

Je n’ai plus qu’a le linker à mon blog en intégrant ceci dans le Head

 

<link rel="search" type="application/opensearchdescription+xml" title="Smashing Search" href="/smashingsearch.xml"/>

Et voilà, à vous de jouer.

Si vous le désirez, vous pouvez aussi récupérer les moteurs de recherche de Blogasty et Vide-On

 

 

7 commentaires »

Gravatar

Commentaire de Tommy

le 13 novembre 2007 à 9:29

Merci, je ne connaissais pas du tout cette manip’ !

Gravatar

Commentaire de NEWSeR

le 13 novembre 2007 à 10:06

Un petit exemple par ici : http://www.newser.fr pour ceux que ça intéressent.

Gravatar

Commentaire de Laddy

le 13 novembre 2007 à 10:58

il faut que le blog soit munie d’un moteur de recherche non ? Et si il en possède pas comment en créer un ? mon blog en est dépourvu

Gravatar

Commentaire de chris

le 13 novembre 2007 à 22:31

@Laddy, évidement il faut une plateforme qui supporte la recherche comme 95% des blogs

Gravatar

Commentaire de Laddy

le 14 novembre 2007 à 9:33

héhé mon blog est le seul à me pas en avoir alors. Bon il faut y remédier.

Gravatar

Pingback de NicoFayet, le blog » En vrac - 12

le 25 novembre 2007 à 14:17

[…] Ajoutez votre moteur dans la barre d’outils vu sur WRI et Smachingcoding. […]

Gravatar

Commentaire de tariq

le 8 décembre 2007 à 17:44

Merci bcq newser

Laisser un commentaire

Votre Nom

Votre E-mail (obligatoire mais ne sera pas publié)

Votre Site ou blog

Votre commentaire

Valid XHTML 1.0 Transitional