Cet article a pour but d'expliquer en détail les possibilités offertes
par le service Free Search de Google.
Les détails techniques et analyses présentés ici le sont à but pédagogique.
L'utilisation du service Google Free Search implique l'enregistrement
préalable et le respect des conditions imposées par Google.
Rappel est fait de l'interdiction de falsifier son identifiant numérique.
L'auteur de cet article décline toute responsabilité quant à l'utilisation
qui pourra être faite des données présentées ici.
[ haut ]
Google propose aux webmaster d'utiliser le moteur de recherche Google
pour effectuer des recherches limités aux pages de leur site et de personnaliser
la page de résultats.
Ce service est totalement gratuit.
[ haut ]
L'intérêt pour un webmaster de disposer d'un tel service est de pouvoir
proposer aux internautes de lancer des recherches par mots clés sur son site.
Il n'a pas besoin de développer son propre moteur, car il utilise Google.
Google est rapidement devenu la référence des outils de recherche sur Internet.
Il est rapide, simple (page d'accueil quasi vierge, requète d'interrogation simplifiée),
efficace (fonctionne sur la popularité des pages), indexe près de la moitier du web
(6 millards de pages)...
[ haut ]
Pour utiliser ce service, il faut tout d'abord vous enregister sur la page :
http://www.google.com/services/free.html.
Puis à l'issu de votre enregistrement, le code HTML du formulaire à intégrer
à vos page vous sera fourni.
Lisez aussi attentivement les termes de bonne utilisation du service :
http://www.google.com/services/terms_free.html.
Une FAQ est également à votre disposition :
http://www.google.com/faq_freewebsearch.html
A rappeler que la recherche s'effectue dans l'index de Google et pas sur votre site
directement. Il cherchera parmi son index, les pages qui proviennent de chez vous.
[ haut ]
L'enregistrement se fait en quatres étapes.
Il s'agit ici de choisir entre :
- une recherche sur votre site (Free WebSearch plus SiteSearch),
- une recherche sur Internet (Free WebSearch).
Si vous optez pour une recherche sur votre site,
n'oubliez pas de préciser l'adresse de votre site.
Vous pouvez spécifier plusieurs adresses en les séparant par
un point virgule.
Votre ou vos adresse(s) sont rappelées en début de page et peuvent être modifiées.
Vous allez maintenant entrer l'URL (URL of your logo) de votre logo
qui sera affiché en haut de page.
Donnez aussi ses dimensions en pixels (Size of your logo).
Et précisez enfin son alignement (Alignment of your logo) :
centré (center) ou aligné à gauche (left).
Passons aux couleurs de la page de résultat.
Vous allez spécifier la couleur de fond du logo de Google (Google logo background color)
car celui-ci sera placé en dessous du votre.
A noter que le logo de google est accompagné
du formulaire de recherche qui sera lui aussi affecté par cette couleur.
Ensuite, choisissez la couleur du fond de la page (Background color),
du texte de la description des pages trouvées, du formulaire, des messages d'erreur (Text color),
des liens hypertextes (Link color),
des liens déjà visités (Visited link color),
des liens durant le clic (Active link color),
l'image de fond de la page (Background URL),
la couleur de l'URL des pages trouvées (Alternate text color),
celle du texte important (Important text color),
du texte restant... (Faint text color).
Les couleurs peuvent êtres données en code hexadécimal (par exemple "#EE00A5")
ou bien en langage naturel (par exemple "ivory").
C'est l'enregistrement à proprement parlé.
Donnez votre nom (Your Name),
votre email (Email),
votre mot de passe (Password)
que vous devez confirmer (Confirm Password),
le nom de votre société (Company Name),
et l'URL de votre site (URL of Your Web Site).
Attention, certaines sont obligatoires.
Et voila, si tout c'est bien passé vous êtes enregistré
et google vous fourni le code source HTML du formulaire
que vous devez placer sur vos pages pour
utiliser ce service.
Un exemple de votre formulaire se trouve en bas de page.
Et google vous invite à revenir dans cet espace
pour modifier vos paramètres.
Bien qu'on verra par la suite qu'on peut se passer
de cette formalité...
[ haut ]
| ETAPE 1 |
Choix de l'option de recherche |
Select a Search Option |
| |
Une recherche sur votre site |
Free WebSearch plus SiteSearch |
| |
Sélectionner cette option pour permettre à google de
restreindre la recherche aux pages d'un ou plusieurs sites web.
Votre formulaire ressembrera à ceci :
 |
| |
Entrez les domaines de recherche |
Enter the domain(s) to be searched |
| |
A ne remplir que si vous avez coché l'option précédente.
Spécifier ici la liste des domaines de recherche possibles.
S'il y en a plusieurs, utiliser le point virgule comme séparateur.
Notez bien que la recherche n'aura lieu que sur l'un de ces domaines,
et c'est l'internaute qui cochera le domaine sur lequel lancer la recherche. |
| |
Une recherche sur Internet |
Free WebSearch |
| |
Sélectionner cette option pour permettre à google
d'effectuer ses recherches sur tout l'Internet.
Votre formulaire ressembrera à ceci :
 |
| ETAPE 2 |
Personnalisation |
Customize |
| |
URL de votre logo |
URL (location) of your logo |
| |
Entrez
l'URL de votre logo. Il sera affiché
en haut de la page de résultats.
Il doit être au format GIF, JPEG ou PNG
pour être vu par tous les navigateurs. |
| |
Dimensions de votre logo (en pixels) |
Size of your logo (in pixels) |
| |
Entrez la largeur (width) et la hauteur (height)
de votre logo. |
| |
Alignement de votre logo |
Alignment of your logo |
| |
Choisissez
parmi les valeurs proposées : centré (center)
ou aligné à gauche (left). |
| |
Couleur de fond du logo de Google |
Google logo background color |
| |
Le logo de
Google sera placé en dessous du votre.
A noter que le logo de google est accompagné
du formulaire de recherche qui sera lui aussi
affecté par cette couleur.
Les couleurs peuvent êtres données en code hexadécimal
(par exemple "#EE00A5") ou bien en langage natuel
(par exemple "ivory"). |
| |
Couleur du fond |
Background (BGCOLOR) color |
| |
Cette couleur
affectera le fond de la page de résultats. |
| |
Couleur de texte |
Text (TEXT) color |
| |
Cette couleur
s'appliquera au texte de la description des pages
trouvées, du texte du formulaire, des messages d'erreurs. |
| |
Couleur des liens hypertextes |
Link (LINK) color |
| |
Cette couleur
est affectée à l'affichage des liens. |
| |
Couleur des liens déjà visités |
Visited link (VLINK) color |
| |
Couleur des liens déjà visités. |
| |
Couleur des liens durant le clic |
Active link (ALINK) color |
| |
Couleur des
liens hypertextes durant le clic. |
| |
Image de fond |
Background URL |
| |
URL de l'image
de fond de la page. |
| |
Couleur des l'URL |
Alternate text color |
| |
Couleur des URL des
pages trouvées. |
| |
Couleur du texte important |
Important text color |
| |
Couleur du texte important.
Non implémenté. |
| |
Couleur supplémentaire |
Faint text color |
| |
Couleur des éléments qui ne répondent
pas aux définitions précédentes. |
| ETAPE 3 |
Enregistrement |
Register |
| |
Votre nom complet |
Your Name (first & last) |
| |
Entrez ici
votre nom de famille suivi de votre prénom. |
| |
Email |
Email |
| |
Saisissez
votre adresse électronique. |
| |
Mot de passe |
Password |
| |
Entrez un mot de passe. |
| |
Confirmation du mot de passe |
Confirm Password |
| |
Entrez à nouveau votre mot de passe. |
| |
Nom de votre société |
Company Name |
| |
Si ce service
est destiné au site web d'une entreprise,
entrez le nom de cette dernière. |
| |
URL de votre site web |
URL of Your Web Site |
| |
Spécifiez le nom de votre site web. |
| ETAPE 4 |
Code HTML de votre formulaire |
HTML for your Search Box |
| |
Et voilà, c'est fini.
Vous n'avez plus qu'à sauvegarder le code
source HTML que vous fourni Google. |
[ haut ]
Par la suite, on ne s'intéressera qu'au cas de la recherche à domaine(s) limité(s)
(Free WebSearch plus SiteSearch).
Les domaines choisis étant : cyberzoide.developpez.com et developpez.com.
Par soucis de mise en page, les listes de paramètres des champs cachés (input hidden) cof
contiennent des espaces. Ces espaces ne doivent pas être reproduits sous peine d'erreur !
Google vous fourni à peu près ce code souce :
<!-- Search Google -->
<center>
<FORM method=GET action=http://www.google.com/custom>
<TABLE bgcolor=#FFFFFF cellspacing=0 border=0>
<tr valign=top><td>
<A HREF=http://www.google.com/search>
<IMG SRC=http://www.google.com/logos/Logo_40wht.gif border=0 ALT=Google align=middle></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=sa VALUE="Google Search">
<INPUT type=hidden name=cof VALUE="GIMP:maroon;
T:black;
BIMG:http://cyberzoide.developpez.com/images/fond.gif;
LW:124;
ALC:red;
L:http://cyberzoide.developpez.com/images/logo_google.gif;
GFNT:purple;
LC:teal;
LH:421;
BGC:white;
AH:center;
VLC:gray;
S:http://cyberzoide.developpez.com;
GL:2;
GALT:navy;
AWFID:654gf454fg5454df;">
<font face=arial,sans-serif size=-1><input type=hidden
name=domains value="developpez.com;cyberzoide.developpez.com"><br>
<input type=radio name=sitesearch value="" checked> Search WWW
<input type=radio name=sitesearch value="developpez.com"> Search developpez.com
<input type=radio name=sitesearch value="cyberzoide.developpez.com"> Search cyberzoide.developpez.com
</font><br>
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->
|
... que vous copiez-collez dans vos pages.
[ haut ]
Votre formulaire va ressembler à ceci :
C'est en fait un tableau de couleur de fond Google logo background color,
le texte étant de couleur Text (TEXT) color.
Ce tableau comporte deux cellules, l'une qui contient le logo cliquable de Google,
et l'autre le champs de saisie de texte, le bouton de validation et
un choix exlusif entre différentes options.
Ces options sont : rechercher sur Internet ou se limité au(x) domaine(s) spécifié(s).
On remarquera que c'est la recherche sur Internet qui est cochée par défaut.
[ haut ]
| Searched pages from cyberzoide.developpez.com for faq session PHP. | Results 1 - 2 of 2. Search took 0.04 seconds. | | Try Google Answers to get help from expert researchers. |
|
Sessions PHP - http://cyberzoide.developpez.com ... Préambule. Cette petite FAQ n'a pas la prétention d'expliquer de façon
exhaustive le système de session de PHP. Elle peut être améliorée. ...
cyberzoide.developpez.com/php4/faq-session.php3 - 25k - Cached - Similar pages [PDF]PHP4 et MySQL File Format: PDF/Adobe Acrobat ... Exemple : http://fr.php.net/echo Page 6. 6/135 Hug o ET IEVAN T http://cyberzoide.developpez.com
Le CyberZoïde Qui Frétille Partie 1 : PHP Page 7. ...
cyberzoide.developpez.com/php4/php4_mysql.pdf - Similar pages
©2002 Google
|
[ haut ]
On va d'abord corriger le code source pour le rendre compatible XHTML,
puis l'aérer et enfin en coloriser la syntaxe. Ce qui devient :
<!-- Search Google -->
<center>
<form method="GET" action="http://www.google.com/custom">
<table bgcolor="#FFFFFF" cellspacing="0" border="0">
<tr valign="top">
<td>
<a href="http://www.google.com/search">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="middle" />
</a>
</td>
<td>
<input type="text" name="q" size="31" maxlength="255" value="" />
<input type="submit" name="sa" value="Google Search" />
<input type="hidden" name="cof" value="
GIMP:maroon;
T:black;
BIMG:http://cyberzoide.developpez.com/images/fond.gif;
LW:124;
ALC:red;
L:http://cyberzoide.developpez.com/images/logo_google.gif;
GFNT:purple;
LC:teal;
LH:421;
BGC:white;
AH:center;
VLC:gray;
S:http://cyberzoide.developpez.com;
GL:2;
GALT:navy;
AWFID:654gf454fg5454df;" />
<font face="arial,sans-serif" size="-1">
<input type="hidden" name="domains" value="developpez.com;cyberzoide.developpez.com" /><br />
<input type="radio" name="sitesearch" value="" checked="checked" /> Search WWW
<input type="radio" name="sitesearch" value="developpez.com" /> Search developpez.com
<input type="radio" name="sitesearch" value="cyberzoide.developpez.com" /> Search cyberzoide.developpez.com
</font><br />
</td>
</tr>
</table>
</form>
</center>
<!-- Search Google -->
|
Ce code source nous apprend beaucoup de chose :
Le formulaire appelle le script http://www.google.com/custom
avec la méthode GET.
Le logo affiché est celui-ci : http://www.google.com/logos/Logo_40wht.gif.
Et le lien clicable pointe vers la page http://www.google.com/search.
Le champs texte (input text) a pour label q.
Il existe un champ caché (input hidden) de label cof et de valeur
GIMP:maroon;
T:black;
BIMG:http://cyberzoide.developpez.com/images/fond.gif;
LW:124;
ALC:red;
L:http://cyberzoide.developpez.com/images/logo_google.gif;
GFNT:purple;
LC:teal;
LH:421;
BGC:white;
AH:center;
VLC:gray;
S:http://cyberzoide.developpez.com;
GL:2;
GALT:navy;
AWFID:654gf454fg5454df;
Notez bien que les espaces que j'ai introduit après chacun des points virgule
devront être supprimés dans un vrai formulaire.
Ce champs est très intéressant puisqu'il contient les paramètres de personnalisation de la
page de résultats.
| Code du champ | Nom du champ | Description |
GIMP | Important text color | Couleur du texte important,
codée en hexadécimal ou en langage naturel (ex: red ou #02A5FC) |
T | Text (TEXT) color | Couleur de texte |
| BIMG | Background URL | Image de fond |
ALC | Active link (ALINK) color | Couleur des liens durant le clic |
| L | URL (location) of your logo | URL de votre logo |
GFNT | Faint text color | Couleur supplémentaire |
| LC | Link (LINK) color | Couleur des liens hypertextes |
BGC | Background (BGCOLOR) color | Couleur du fond |
| AH | Alignment of your logo | Alignement de votre logo (vaut
center : centré ou left : gauche) |
VLC | Visited link (VLINK) color | Couleur des liens déjà visités |
| GL | Google logo background color | Couleur de fond du logo de Google,
n'est pas codé comme les autres, ici vaut 0 (pour White : blanc), 1 (pour Gray : gris)
ou 2 (pour Black : noir). |
GALT | Alternate text color | Couleur des l'URL |
| AWFID | | Chaîne de caractères d'identification. |
S | URL of Your Web Site | URL de votre site |
| LW | Size of your logo (in pixels) : width | Largeur de votre
logo en pixels |
LH | Size of your logo (in pixels) : height | Longueur de votre
logo en pixels |
|
Il existe un autre champ caché de label domains et de valeur
la liste des domaines qui doivent être reproduits dans le formulaire qui sera affiché dans la page de recherche.
Et on a des boutons (input radio) de label sitesearch et de valeur
l'URL du site sur lequel faire la recherche.
Essayons de modier certaines valeurs.
Par exemple la valeur de T.
Et hop, surprise, la couleur du texte change.
Passons maintenant à sitesearch et mettons l'URL d'un autre site,
lancer la recherche... Et constatez que Google est aller faire sa recherche non plus sur votre site
mais sur celui indiqué dans sitesearch.
Pareil pour domains, il n'affichera dans le formulaire de la page de résultat
que des boutons permettant de sélectionner les domaines indiqués par domains plus
le choix de choisir Internet tout entier.
Quelle conclusion tirer de ce constat, Google n'utilise pas de données contenues chez lui,
dans une base de données, mais uniquement les données que vous lui fournissez.
Vous pouvez donc lui dire presque n'importe quoi.
Note : Le changement de AWFID n'a pas été testé !
Mais pourquoi alors devoir s'enregistrer si les données de personnalisation
ne sont pas stockées chez Google ?
[ haut ]
Nous avons à présent toutes les données en main pour créer de toute pièce
un nouveau formulaire qui va chercher dans tel ou tel site et utilisera tel ou tel
paramètres pour l'affichage de la page de résultat.
En voici un exemple :
Dont voici le code source :
<a href="http://cyberzoide.developpez.com/search.php3">
<img width="22" height="35" src="http://cyberzoide.developpez.com/images/px_search.gif" border="0" />
<img width="168" height="35" src="http://cyberzoide.developpez.com/images/mn_search.gif" border="0" />
</a><br />
<form method="GET" action="http://www.google.com/custom">
<input type="text" name="q" size="10" maxlength="255" value="" />
<input type="image" src="http://cyberzoide.developpez.com/images/go.gif" align="absmiddle" border="0" />
<input type="hidden" name="cof"
value="GIMP:maroon; T:black; LW:124; ALC:red; L:http://cyberzoide.developpez.com/images/logo_google.gif; GFNT:purple; LC:teal; LH:421;
BGC:white; AH:center; VLC:gray; S:http://cyberzoide.developpez.com; GALT:navy; AWFID:654gf454fg5454df;"
/>
<input type="hidden" name="domains" value="cyberzoide.developpez.com" />
<input type="hidden" name="sitesearch" value="cyberzoide.developpez.com" />
</form>
|
[ haut ]
Parmi les autres offres de Google, il y a le simple formulaire de recherche sur l'Internet disponible
ici : http://www.google.com/searchcode.html.
On peut choisir un formulaire un peu spécial qui s'appelle Google SafeSearch Box
et qui permet de filtrer les pages à caractère pornographique.
En étudiant un peu le code source HTML de ce formulaire, on y découvre un champs caché (input hidden)
de label safe et de valeur vss.
En l'intégrant à votre formulaire Google Free Search, vous pourrez permettre à vos visiteurs
d'échapper à la pornographie.
A noter que ce filtre anti porno n'est pas parfait, on peut constater lors d'essais que la majorité
des pages pornos sont filtrées mais pas toutes.
[ haut ]
[ haut ]
|