Insérer un moteur de recherche sur votre site

Vous êtes nombreux à demander comment placer un moteur de recherche sur vos sites.

Voici la solution actuelle proposée par Custom Search Engine. N'oubliez pas que ce moteur n'est efficace que lorsque le robot de Google a indexé toutes vos pages, alors commencez donc par le référencer sur Google.




1) Créez votre compte

Tout d'abord il vous faut créer un compte sur google.

Cliquez sur créer un compte (encadré sur la capture d'écran ci-dessous) puis remplissez tous les champs de la page. Ensuite cliquez sur le bouton accepter et créer un compte.

Le compte une fois créé, retournez sur google puis cliquez sur « connection » en haut à droite. Connectez-vous avec votre adresse et votre mot de passe.





2) Accédez à Custom Search Engine

Une fois votre compte Google créé, allez directement sur Custom Search Engine à l'adresse suivante : http://www.google.com/coop/cse

Maintenant cliquez sur le bouton "Créer un moteur de recherche personnalisé" à droite de votre page. (voir capture d'écran ci-dessous).





3) Remplissez le formulaire partie 1

Vous allez maintenant remplir les champs du formulaire afin de créer votre moteur de recherche. Sur la capture d'écran jointe, vous verrez l'ordre des chiffres ainsi qu'un exemple pour remplir le formulaire mais il vous appartient de donner vos propres informations.

1)Nom du moteur de recherche" : Vous devez donner un nom pour votre moteur. ex : Moteur de recherche thierrybetatest

2) Description du moteur de recherche : Placez ici une description brève de votre moteur. ex: recherche information tutoriel.

3) Langue du moteur de recherche : Sélectionnez dans le menu déroulant la langue principale de votre moteur.

4) Types de recherches : Le type de recherches est par défaut coché sur "Uniquement les sites que je sélectionne ". Si c'est bien un moteur personnalisé que vous désirez laissez cette option cochée.



4) Remplir le formulaire partie 2

Suite du formulaire à remplir.

5) Sites à explorer : Placez l'adresse de votre site dans la case.

Nota : vous pouvez si vous le désirez inclure plusieurs adresses de sites en plus du vôtre. La recherche s'effectuera alors sur tous les sites que vous avez soumis. Indiquez une URL par ligne.

6) Sélectionner une édition : Par défaut l'option cochée est l'édition standard, l'édition entreprise étant payante.

7) Cochez la case "J'ai lu et j'accepte les conditions d'utilisation."

8) Cliquez sur suivant




5) Testez le service

Votre moteur de recherche est créé. Maintenant il s'agit de le tester afin de vérifier qu'il fonctionne parfaitement.

Effectuez une recherche en rapport à votre site puis une fois l'essai concluant, vérifiez que la case "Envoyer un e-mail de confirmation" est bien coché puis cliquez sur "terminer"

Un mail de confirmation avec votre login et mot de passe vous sera envoyé sur l'adresse que vous avez indiquée.





6) Accédez à la page d'accueil de votre moteur

Maintenant que votre moteur de recherche est créé, il vous faut en récupérer le code. Retournez sur la page d'accueil de Custom search Engine : http://www.google.com/coop/cse/.

A droite où se trouve le bouton créer un moteur de recherche cliquez sur le lien juste en dessous "gérer vos propres moteurs de recherche".

Puis ensuite cliquez sur le lien "page d'accueil" sur la partie "Moteurs de recherche que j'ai créés".

Vous arrivez sur la page de votre moteur. Cliquez sur "Ajouter ce moteur de recherche à votre blog ou votre page Web »".

7) Récupération du code

Vous allez pouvoir maintenant récupérer le code de votre moteur à insérer sur votre site. Comme vous pouvez le voir vous pouvez conserver le moteur de recherche tel que vous le donne google. Vous pouvez le personnaliser avec les options sur la page.

Le moteur tel qu'il est n'étant pas le but de ce tutoriel, cliquez directement sur "obtenir le code" et copier le script qui s'affiche dans la case qui s'ouvre juste en dessous. Ensuite collez le dans le bloc note ou sur une page de votre site.

8) Transformation du code

Pour cette partie du tutoriel, vous trouverez ci dessous le script récupéré ainsi que le code que nous allons transformer.

Voici le script tel que vous le recevez par google :


Maintenant voici le code brut que vous allez utiliser. Les partie où vous voyez code à remplacer seront celles à éditer.



Procédez par étape afin de ne pas vous tromper :

Etape 1) Repérez ce chiffre plus haut sur le script de google 007249346345518969452



Il vous reste encore deux fois code à remplacer sur le code ci-dessus. Ceci sera pour l'étape2.

Etape 2) Repérez maintenant cette partie du code sur le premier script : u_jvk0psd2y



Au final vous devriez vous retrouver avec ceci:




9) Personnalisez votre module partie 1

Comme vous pouvez le remarquer le module est fort simpliste avec tout de même certains inconvénients.

1er inconvénient : Quand vous effectuez une recherche vous quittez votre site ce qui n'est pas forcément ce que vous désirez. Afin de permettre la recherche sur une autre fenêtre vous pouvez transformer le code de cette façon :

Rajoutez target="blank" sur la ligne

form id="searchbox_007249346345518969452:code à remplacer" action="http://www.google.com/cse"target="blank"

2ème inconvénient : Le bouton ok ne vous parle pas forcément pour un moteur de recherche. Vous pouvez donc le changer de cette manière :

Remplacez le bouton OK par un autre mot de votre choix sur la ligne

input type="submit" name="sa" value="Ok"



3ème inconvénient : La barre d'inscription de votre recherche est peut être trop petite. Vous pouvez donc en changer la largeur afin de l'étirer un peu plus.

Il vous suffit de remplacer le chiffre de la lign :(exemple de chiffre "45")

input name="q" value="Rechercher" type="text" size="45"

Voici ce que donne les transformations que vous avez effectuées :





10) Personnalisez le module partie 2

Vous pouvez également personnaliser un peu plus le module en changeant par exemple les couleurs pour l'assortir à votre site.

1ère étape : Pour personnaliser la couleur de la barre d'écriture vous pouvez rajouter le code :

style="background-color:#code couleur"sur la ligne input name="q" value="Rechercher" type="text" size="45"style="background-color:#code couleur"/.

Ce qui vous donne ceci :



2ème étape ::

Vous pouvez également personnaliser le bouton "rechercher" en lui donnant une couleur.

Placez le même code que sur la première étape sur la ligne input type="submit" name="sa" value="rechercher"

Ce qui vous donnera ceci:



3ème étape :

Maintenant vous pouvez également lui donner un nom avec un lien vers le panneau de recherche que vous avez créé. Il vous suffit de placer le code lien au dessus ou en dessous de votre module comme ceci :





11)Faire un encadré sur votre module

Encore une option de plus que vous pouvez utiliser. Vous pouvez placer votre moteur de recherche dans un tableau afin qu'il soit encadré comme un module de recherche standard. Voici un exemple avec un tableau tout simple que vous pourrez modifier à votre guise :



Visuellement vous avez donc ceci :


Moteur de recherche thierrybetatest


Quelques petites informations tout de même au sujet de ce module :

- Afin d'avoir la certitude qu'il puisse fonctionner correctement assurez vous que votre site est bien référencé sur google. Si les pages de votre site ne sont pas sur ce moteur de recherche le module devient alors totalement inutile.

- Ne placez pas ce module en rubrique cachée car il ne fonctionnerait pas.

- Si vous désirez effectuer des changements sur la nature de votre moteur, allez sur votre compte google puis sur l'option recherche personnalisée. Il vous suffira de clique sur "gérer vos propres moteurs" et sur le lien panneau de configuration.

- Conservez le mail envoyé par Google. Il contient vos accès afin de vous permettre d'accéder à votre administration.

J'espère que ce tutoriel vous a plu et qu'il vous permettra d'avoir sur votre site votre propre moteur de recherche interne.