Vos recrutements informatiques

700 000 développeurs, chefs de projets, ingénieurs, informaticiens...

Contactez notre équipe spécialiste en recrutement

Developpez.com - Développement Web
X

Choisissez d'abord la catégorieensuite la rubrique :

 

I. Les méta balises

Par Hugo ETIEVANT

  1. Pourquoi les META balises ?
  2. Des infos sur vous
  3. Des infos sur votre site
  4. Des infos sur la création
  5. Orienter les robots
  6. Le rafraîchissement et la redirection
  7. Encore plus...

Créez simplement vos metas balises grace au Script Java du MetaTag-Generator v3.


Pourquoi les META balises ?

Un site web qui vit, qui bouge, c'est un site qui a de l'affluence et qui interagit avec l'internaute. Pour cela, faut-il encore qu'on tombe sur le site en question ! Et là, y'a pas de secret : seul un très bon référencement pourra vous permettre d'attirer à vous tous ceux qui se baladent nonchalamant sur le web. Mais comme la plupart des outils de recherche sur internet sont des moteurs de recherche d'indexation automatique comme AltaVista (à distinguer des annnuaires comme Yahoo), il faut préparer à l'avance ses pages à l'arrivée des robots de ces moteurs de recherche.

Car lorsqu'on soumet l'adresse de son site à un moteur, celui-ci l'enregistre puis envoit des "robots" aller se balader sur vos pages et enregister les informations contenues dans les meta balises que vous aurez préalablement placé entre les balises <HEAD> et </HEAD> de votre code HTML. Grace à ces balises vous pouvez commander les robots mais aussi influencer le navigateur.


Des infos sur vous

Il serait très intéressant de tomber sur votre site web rien qu'en tapant votre nom à partir d'un moteur de recherche, hein, avouez le ! Et bien l'attribut Author vous concerne :
<META NAME="Author" LANG="fr" CONTENT="Prénom NOM">
La propriété LANG spécifie la langue que vous utilisez dans vos pages.

Et tant que vous y êtes, si vous êtes aussi le publieur, c'est-à-dire si c'est une page perso et non pas un site commercial destiné à un client (vous travaillerez alors pour une société), l'attribut Publisher vous revient de droit :
<META NAME="Publisher" CONTENT="Prénom NOM">

Et pour qu'on puisse vous écrire, indiquez aussi votre adresse électronique :
<META NAME="Reply-to" CONTENT="Insérez ici votre adresse électronique et entre parenthèses vos prénom et nom.">

Exemple :
<META NAME="Author" LANG="fr" CONTENT="Hugo ETIEVANT">
<META NAME="Publisher" CONTENT="Hugo ETIEVANT">
<META NAME="Reply-to" CONTENT="cyberzoide@monsite.com (Hugo ETIEVANT)">


Des infos sur votre site

Maintenant, il faut indiquer au moteur de recherche comment orienter les internautes vers votre site en utilisant les attributs Description et Keywords. Le premier - c'est de l'anglais vos aurez reconnu :) - vous permettra d'écrire une courte description de votre site qui sera affichée si votre site se trouve dans les résultats d'une recherche :
<META NAME="Description" CONTENT="Ici se trouvera votre courte description.">
Sachez que si votre description est trop longue (plus de 150 à 200 caractères), elle sera coupée par le moteur de recherche.

L'attribut Keywords, toujours comme son nom l'indique, vous permet de dire quels mots clés feront pointer le moteur vers votre site :
<META NAME="Keywords" CONTENT="Ici se trouvera votre liste de mots clés séparés par des virgules.">
Il est préférable d'indiquer pour moitié des mots clés généraux et pour autre moitié des mots clés très précis. Enfin, les espaces entre mots clés et vigules ne sont pas indispensables.

Qui ne s'est jamais retrouvé avec des pages sur sa disquette et ne sachant plus de quel site elles proviennent ? L'attribut Identifier-URL permet ainsi d'indiquer votre adresse internet. Vos visiteurs pouront donc tous revenir vous visiter.
<META NAME="Indentifier-URL" CONTENT="Ici se trouvera votre adresse complète.">

Exemple :
<META NAME="Description" CONTENT="Site de vulgarisation des sciences et d'enseignement de la programmation en Java, PHP et Turbo Pascal 7.0">
<META NAME="Keywords" CONTENT="java, html, unix, linux, php, mysql, php4">
<META NAME="Indentifier-URL" CONTENT="http://cyberzoide.developpez.com/">


Des infos sur la création

Il est toujours intéressant d'indiquer les copyrights respectifs (auteur, publieur, graphistes, société...) grace à l'attribut du même nom : Copyright
<META NAME="Copyright" CONTENT="Indiquez ici les copyrights.">

De plus, il est de coutume d'indiquer quels ont été les outils de développement du site tels que les logiciels de traitement d'image, les navigateurs, etc... avec l'attribut Generator :
<META NAME="Generator" CONTENT="Listez ici à la façon des mots clés les différents logiciels utilisés.">

Vous pouvez aussi indiquer la date de création ou de mise en ligne de votre page avec l'attribut Date :
<META NAME="Date" CONTENT="Inscrivez ici la date de création de votre page.">

Il vous est également donnée la possibilité de spécifier le type MIME et le code ASCII utilisé grace à l'attribut Content-Type celui-ci indique l'alphabet latin contenant les accents (utilisé pour le français) :
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

Exemple :
<META NAME="Copyright" CONTENT="© 1999 Hugo ETIEVANT">
<META NAME="Generator" CONTENT="HomeSite v1.2,Paint Shop Pro 5.0,Animation Shop,Netscape Communicator 4.0">
<META NAME="Date" CONTENT="Mon, 14 Sep 1998 08:00:00">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">


Orienter les robots

Nous voila enfin dans le vif du sujet. Si vous désirez que le robot indexe toutes les pages de votre site c'est-à-dire toutes celles vers lesquels vous avez placé des liens, utilisez la propriété All :
<META NAME="Robots" CONTENT="All">

Si par contre votre site est encore en construction ou en rénovation et que vous ne désirez pas qu'il soit indexé dès maintenant, vous pourez en interdire l'accès aux robots grace à l'attribut None. Avec Index, votre page sera indexée aussitôt. Tandit que si vous mettez Noindex, elle ne sera pas indexée. Si le robot rencontre Follow, les destinations des liens sont indexées. Mais si vous écrivez Nofollow, le robot ne gardera pas mémoire de vos liens. Avec Noimageindex, les images d'une page déjà indexée ne le seront pas. Et freesurvey empèche de suivre les liens pointant vers les images. Vous pouvez bien entendu combiner ces syntaxes.

Vous pouvez aussi demander aux robots de réindexer automatiquement votre site après n jours :
<META NAME="Revisit-after" CONTENT="n">

Exemple :
<META NAME="Robots" CONTENT="Index, Follow">
<META NAME="Revisit-after" CONTENT="15">

[TOP]


Le rafraîchissement et la redirection

Pouvoir faire recharger une page périodiquement peut s'avérer très utile surtout si l'on affiche des bannières publicitaires, afin d'en changer souvent. Ainsi, il est possible d'ordonner au navigateur de recharger une page toutes les n secondes grace à l'attribut Refresh :
<META HTTP-EQUIV="Refresh" CONTENT="n">

On peut même stipuler le chargement d'une page différente, très utilise lorsqu'on change d'hébergeur afin de rediriger le navigateur vers un autre site :
<META HTTP-EQUIV="Refresh" CONTENT="n; URL=Mettrez ici l'URL souhaitée">

Exemple :
<META HTTP-EQUIV="Refresh" CONTENT="60; URL=http://cyberzoide.developpez.com/v2/">


Encore plus...

Faire la loi aux caches
Vous pouvez interdire aux navigateurs de conserver en memoire-cache vos pages :
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

Date d'expiration
Vous savez qu'il existe des ordinateur qui, pour faciliter l'accès aux pages web, conserve dans leurs disques durs les pages déjà visitées et donc succeptibles d'être redemandées. Ainsi, lorsqu'on accède à une seconde reprise au même site, on a des chances de retomber sur les mêmes pages déjà visitées. Ainsi, lorsqu'on veut enpêcher cela, on indique une date d'expiration qui, si elle est dépassée, ordonnera au proxy d'aller récuper les vrais pages et de supprimer celles expirées. Attention, la date est au format anglophone :
<META HTTP-EQUIV="Expires" CONTENT="Mon, 30 Jun 1999 14:30:00">

Mettre un cadre par défaut
Si vous utilisez des frames et que vos liens pointent tous ou presque vers un cadre précis, il est intéressant de le spécifier comme cadre par défaut :
<META HTTP-EQUIV="Window-TARGET" CONTENT="votre cadre">

Responsable bénévole de la rubrique Développement Web : Xavier Lecomte -