INTERNET

Les balises META

Les Balises META et le référencement



Introduction


Véritable outil du concepteur de sites Web, ces balises META feront la différence entre un site d'amateur d'un site de pro

Les balises META apportent un certain nombre d'information utiles aux moteurs de recherche et autres annuaires pour référencer un site Web.

Dans la construction de la page, elles sont à insérer entre les balises et .

Pour voir des exemples de balises META, n'hésitez pas, quand vous êtes sur un site, d'afficher la source.
Simple, mais efficace pour voir comment les autres ont fait.

Les moteurs de recherche


A moins de faire un site à destination unique de vos amis, relations et famille (ce que nous appelons une carte de visite interactive) vous allez avoir besoins des moteurs de recherche pour faire venir les visiteurs sur votre site.

Vous avez donc un intérêt particulier à soigner le référencement de votre site.

Le navigateur


Certaines balises META sont directement interprétées par le navigateur pour, par exemple, charger automatiquement un page Html après x secondes ou forcer le rechargement d'une page sur le réseau bien que déjà présente dans le cache.

Attention, le code qui fonctionne pour un navigateur, peux n epas fonctionner avec un autre.
On entre de plein pied dans la compatibilité des navigateurs.


L'indispensable


Cela peut paraître simple mais si vous tenez compte de ces éléments, vous avez de forte chances pour que le référencement de votre site soit un succès.
Ensuite, il faut prendre en compte les particularités des robots, particularités qui changent d'un moteur de recherche à un autre.
Il existe quelque trucs et astuces. Certains sont expliqués dans cette page, les autres, vous les trouverez dans la lecture de pages Web de la plus part des sites de référencement.


Les codes META


< META NAME="keywords" CONTENT="mot-clé1,mot-clé2,mot-clé3," >


S'il n'en fallait qu'une, ce serait assurément celle-là ! Tous [ou presque] les moteurs de recherche l'utilisent.
Quelques commentaires s'imposent cependant :
  • Les mots-clés doivent être séparés par une virgule. L'auteur préconise de ne pas mettre d'espaces (bien que cela se rencontre chez des webmestres confirmés) afin d'éviter toute confusion lors des recherches par mot-clé.
  • On parle dans la littérature d'une limitation à 1000 mots-clés. Plus qu'il n'en faut.
  • On conseille aussi de mettre tous les mots clés en minuscules pour éviter les problèmes selon que le moteur de recherche tient compte de la "casse", c’est-à-dire de la différence entre majuscules et minuscules (en anglais « case sensitive » ou non)
Tout l'art consiste à trouver les bons mots-clés relatifs au contenu de votre site. Mettez-vous à la place de vos lecteurs potentiels. Quels mots, quels synonymes, quelles alternatives peuvent être utilisés pour décrire votre site?
De grâce, éviter de mettre des mots-clés "bidon" qui sont bien entendu très attirants mais sans rapport avec votre site.
La tentation est grande de répéter un certain nombre de fois un même mot-clé pour espérer un meilleur classement. Par exemple, < META NAME="keywords" CONTENT="html,html,html,html,html >. Désolé pour vous mais ce truc a vécu et est maintenant pénalisé [spam] par les moteurs de recherche.
 

< META NAME="description" CONTENT="une description de la page" >


Cette description sera pertinente, attirante et brève. En effet, selon les moteurs de recherche seuls les 150 à 240 premiers mots seront repris. Bavards s'abstenir.
 

< TITLE > ... < /TITLE >


Les moteurs de recherche tiennent fortement compte des titres des documents. Il faut impérativement en mettre sur toutes les pages d'un site. Même pour les pages qui n'apparaissent pas directement comme les sous-pages d'une page de frames !
On dit également que le fait de reprendre un ou des mot(s)-clé(s) dans le titre de toutes les pages d'un site est très favorable pour un meilleur classement.
 
 

 < META NAME="author" CONTENT="nom de l'auteur"  >


Cette balise est d'une utilité discutable car rares sont les moteurs de recherche en tiennent compte. A ma connaissance, seul Nomade fournit l'URL du site après avoir introduit le nom de l'auteur.
Il n'empêche qu'il est d'une légitime fierté de signer son œuvre. N'est-il pas ?
 
< META NAME="Copyright" CONTENT="Copyright © date nom" >
Il ne m'importe pas de discuter ici de la valeur juridique et pratique d'une mention de copyright sur le Web. D'autres sites s'en chargent.
Il me plaît cependant de noter que dans les e-mails reçus, il n'est pas rare que des étudiants ou des formateurs me demandent de pouvoir reproduire tout ou partie de mon site. Une règle élémentaire de la Netiquette est de respecter le copyright. "Le gratuit n'est pas forcément sans valeur".
 

< META NAME="Distribution" CONTENT="Global ou Local ">


Cette balise indique la destination de l'information de la page. Soit qu'elle est "Global" et donc destinée à être largement diffusée soit qu'elle est "Local" et donc à diffusion restreinte.
 
 

<  META NAME="Generator" CONTENT="nom de l'éditeur Html utilisé" >


Aucune influence, ni pour les moteurs de recherche, ni pour le navigateur utilisé. Cette information intéresse cependant au plus au point les responsables marketing des sociétés proposant des éditeurs Html pour calculer la part de marché de leur produit. Alors, pourquoi pas si cela les amuse...
 
 

< META NAME="Rating" CONTENT="Destination de votre audience" >


Permet de définir le contenu de votre site. Les appréciations sont General ou Mature ou Restricted ou 14 years pour respectivement tout public, adulte, accès restreint ou 14 ans.
Cet indice d'audience n'a aucune influence directe.
 
 

< META NAME="Robots" CONTENT="instructions pour les robots" >


Par cette balise vous pouvez indiquez aux robots de recherche automatique si vous souhaitez que votre site soit ou ne soit pas indexé par eux.
Les instructions sont :
  1. All (défaut) permet aux robots d'indexer vos pages et de suivre les liens hypertextes d'une page à l'autre.
  2. None dira aux robots de ne pas indexer vos pages et de ne pas suivre les liens.
  3. Index indique que vos pages peuvent être indexées par les robots.
  4. NoIndex pour que le robots ne procèdent à aucune indexation.
  5. Follow donne la permission aux robots de suivre les liens hypertextes des pages
  6. NoFollow pour le contraire.
Exemples :
< META NAME="Robots" CONTENT="None" >
< META NAME="Robots" CONTENT="Index,Nofollow" >
Cette balise est reconnue par tous les robots de recherche automatique.
 
 

< META HTTP-EQUIV="Content-language" CONTENT="fr" >


 
Cette balise déclare la langue utilisée dans le document Html. De plus en plus utile, maintenant que des monteurs de recherche anglo-saxons (et non des moindres comme Altavista et Hotbot) ont inclus la langue dans leurs critères de recherche.
 

 < META HTTP-EQUIV="Reply-to" CONTENT="votre adresse e-mail" >


Cette balise permet au lecteur averti de connaître votre adresse e-mail si elle n'apparaît pas sur la page qu'il consulte (peut-être hors connexion, si elle a été préalablement enregistrée). Finalement, il est peut-être plus utile de donner son adresse électronique que son nom.
 
 

< META HTTP-EQUIV="Reply-to" CONTENT="URL de votre page" >


Variante de la balise précédente. Il est parfois utile de rappeler l'adresse de la page d'accueil de votre site pour ceux qui y sont  entrés par une des pages de celui-ci.
 
 

Attributs éventuels


  A côté des balises META indispensables à un bon référencement auprès de moteurs de recherche, à côté des balises META qu'il est bon d'ajouter pour la bonne information du lecteur, il y a encore celles que vous utiliserez de temps en temps lors de l'élaboration de sites. Parcourons en quelques uns.
 

Refresh


Un grand classique du Html (2.0 ?) même si cette balise META n'est que rarement utilisé et alimente les trucs et astuces depuis des années. Cette balise META charge automatiquement la page spécifiée à l'attribut URL après un délai de x secondes.
  < META HTTP-EQUIV="Refresh" CONTENT="x;URL="adresse" >
Cette balise est fréquemment utilisée pour rediriger automatiquement un visiteur dans le cas où l'adresse de votre site à été modifiée.
 

Transition


De très jolis effets de transition style PowerPoint sont possibles avec simplement une ligne de code. Mais autant vous le dire tout de suite, cela ne fonctionne que sous Explorer 4 et plus.
Le code est :
< META HTTP-EQUIV="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)" >
< META HTTP-EQUIV="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)" >
Quelques explications :
  • Page-Enter et Page-Exit signifie que l'effet de transition se produira à l'entrée de la page ou à la sortie de celle-ci.
  •  Duration détermine la durée de la transition en secondes. Elle est dans l'exemple de 1 seconde. A l'usage, cette durée n'est pas d'une précision absolue.
  • Transition est un nombre de 1 à 23 pour l'effet de transition choisi. Le chiffre 23 donne une transition aléatoire (au hasard). Les autres transitions se répartissent de 1 à 22. Ainsi, 7 ouvre la page de droite à gauche, 17 a le même effet mais en diagonale, 22 découvre la page avec un effet de lignes horizontales aléatoires, etc.
  • Précisons que si ces transitions ressemblent furieusement aux transitions de PowerPoint, elles fonctionneront très bien même si PowerPoint n'est pas installé sur la machine de votre visiteur.
  • Et pour terminer, vous ne verrez les effets de cette transition que lorsque vous entrez dans la page à partir d'une autre page.
 
 

Expires


Cette balise META "dit" au navigateur la date à laquelle la page Html doit être considérée comme périmée. Avec Netscape, une requête pour un document dont la date est expirée initialisera une recherche sur le réseau au lieu de prendre la page éventuellement présente dans le cache. Ceci est très utile pour les pages fréquemment mises à jour.
Exemple :
< META HTTP-EQUIV="expires" CONTENT="Wed, 23 Feb 1999 10:49:02 GMT" >
< META HTTP-EQUIV="expires" CONTENT="0" >
Il faut noter que les robots de recherche peuvent retirer ces pages dites périmées de leur base de donnée.
 
Pragma
C'est une autre façon de contrôler le cache du navigateur. Avec ce META, vous pouvez demander au browser de ne pas tenir la page dans le cache.
< META HTTP-EQUIV="Pragma" CONTENT="no-cache" >
On rapporte que cela fonctionne sous Netscape mais pas par Explorer...
 
  Trucs et astuces de référencement
Alors que les balises META font partie du Html, il existe des tas de trucs et astuces - plus ou moins vérifiables ou vérifiés - qui sont sensés améliorer le rang de votre site parmi les centaines renvoyés lors d'une recherche par un mot-clé. Vérité ou rumeur... Je vous laisse seul juge.
 
Référencez-vous
Cela peut paraître une évidence mais si vous attendez qu'un robot de recherche vienne visiter votre site, vous risquez de devoir attendre longtemps... Hotbot, le moteur de recherche le  plus complet estime lui-même que sa base de donnée ne reprendrait que 30 à 40% des sites du World Wide Web.
Alors préparez votre liste des moteurs de recherche, prévoyez quelques heures dans votre emploi du temps et au travail ! Sur la page d'accueil de certain moteur de recherche, vous trouverez "Ajouter un site", "Référencement" ou quelque chose du même acabit. En cliquant sur le lien, vous ouvrirez un formulaire, plus ou moins long, à remplir pour référencer directement votre site.
N'oubliez pas que certains moteurs de recherche style annuaire (comme Yahoo) se réservent de droit de reprendre ou de ne pas reprendre votre site, qu'il faut compter généralement 2 à 3 semaines avant d'apparaître dans la base de donnée et un bon mois avant que les internautes commencent à s'intéresser à votre site. Patience donc ...
 
De l'importance des mots-clés
Pour obtenir un bon classement, il faut non seulement définir ces mots-clés dans la balise < META NAME="keywords" CONTENT="mot-clé1,mot-clé2,mot-clé3,..." > mais il est aussi recommandé :
  1. que le ou les mots-clés soi(en)t repris dans le premier paragraphe de la page.
  2. que le ou les mots-clés soi(en)t repris dans le titre de la page (< TITLE >).
  3. que le ou les mots-clés revienne(nt) plus fréquemment que les autres mots de la page.
 
Faire une page d'accueil en frames
Les frames ne sont que modérément appréciés par les moteurs de recherche qui ne les tiennent pas ou difficilement en compte (voir tableau comparatif).
Souvent, emporté par le désir d'en finir au plus tôt avec ce fichier délicat, on s'empresse d'écrire les balises de frame soit : 
< FRAMESET ROWS="30%,70%" > < FRAME SRC="A.htm" >
  < FRAMESET COLS="30%,70%" > < FRAME SRC="B.htm" >
  < FRAME SRC="C.htm" > < /FRAMESET >.
On en oublie les règles les plus élémentaires du référencement.
On oublie généralement de mettre les balises META, plus que jamais indispensables pour les moteurs de recherche.
On néglige de mettre un titre, à priori inutile car il n'apparaît pas, aux fichiers liés dans le cadre (ici a.htm, b.htm, c.htm). On perd ainsi, des points précieux pour le classement du site parce qu'il y a des pages sans titre et sans référence au mots-clés dans le titre.
Les moteurs qui ne suivent pas les liens dans les frames se rabattent sur le contenu des balises < NOFRAMES > ... < /NOFRAMES >.
Avouez que le classique "Désolé, ce site comporte des frames" ne leur apporte pas grand chose à se mettre sous la dent pour votre référencement ! On conseille de reprendre dans les balises < NOFRAMES > un petit texte descriptif du site (avec si possible un rappel des principaux mots-clés). Le "top" est d'y mette aussi un lien vers les pages principales du site.
 
Une page d'accueil avec une (ou plusieurs) image
Il est parfois joli de concevoir une page d'accueil composée d'une seule image que le visiteur doit cliquer pour entrer dans le site. Cette situation est assez inconfortable pour le robot à la recherche de mots-clés car il n'a alors aucun texte (et donc de mots) pour faire son référencement...
Il importe dans ce cas extrême de reprendre le mot-clé dans l'attribut ALT de la balise de l'image.
La page d'accueil avec une image mapée
Pour rappel, les images mapées sont des images découpées en zones. Selon les zones cliquées par le lecteur, celui-ci est dirigé vers une page Html déterminée.
 Il est assez risqué, pour obtenir un bon référencement, de prévoir une page d'accueil qui ne comporterait qu'une image mapée comme seul outil de navigation pour votre site. En effet, beaucoup de moteurs de recherche (et pas de moindres comme Hotbot, Excite, Lycos) ne poursuivent pas leur indexation dans les fichiers d'une image mapée. A réserver donc à d'autres usages à l'intérieur de votre site.
Cette caractéristique est reprise dans le tableau comparatif des moteurs de recherche plus loin dans notre étude.
 
Et encore
Sont ou seraient bénéfiques pour un bon référencement :
  1. le fait que votre site soit référencé par d'autres sites.
  2. le fait que votre site soit mis à jour régulièrement.
 
Désolé...
Désolé, mais les trucs suivants ne fonctionnent plus et seraient même pénalisés [spam] par les moteurs de recherche :
  1. texte invisible dans la même couleur que le fond de la page.
  2. texte repris en commentaire (balises ).
  3. les mêmes mot-clé repris indéfiniment dans la balise .
  4. le texte dans l'élément de formulaire (éléments cachés).

Tableau comparatif
 
Comparatif de la prise en compte des balises META et des particularités de référencement des cinq plus grands moteurs de recherche anglo-saxons.
 
Prise en compte
AltaVista
Hotbot
Excite
Infoseek
Lycos
Longueur du titre (mots)
78
115
70
70
60
Si le titre est absent...
No title
Url de la page
Untitled
Premiers mots de la page
Premiers mots de la page
Longueur de la description
150
249
170-240
395
135-200
Balises META retenues
mots-clés description
mots-clés description
description
mots-clés description
aucunes
Balise ROBOTS
Oui
Oui
Oui
Oui
Oui



Prise en compte
AltaVista
Hotbot
Excite
Infoseek
Lycos
Texte de ALT des images
Oui
Non
Non
Oui
Oui
Texte en commentaire
Non
Oui
Non
Non
Non
Texte invisible
Non [spam]
Non [spam]
Oui
Non [spam]
Non [spam]
Frames
Oui
Non
Non
Non
Non
Images mapées
Oui
Non
Non
Oui
Non
Liens dans d'autres sites
Non
Oui
Oui
Non
Oui
>Date
Ouitd>
Oui
Non
Oui
Non
Mises à jour
Oui
Oui
Non
Non
Oui

Autres articles intéressants à parcourir

WordPress : La médiathèque

WOrdprss La médiathèqueLa médiathèque est le coeur de votre site web Dans la médiathèque, vous allez retrouver toutes les images, fichier vidéo & audio qui vont agrémenter votre site internet. Mais, Wordpress ne classe pas ces fichiers autrement que par date de...

Les « mots de passe »

WindOws Les mots de passeLes mot de passe sont le pilier de notre sécurité Aujourd'hui, de nombreux sites nous demande d'ouvrir un compte et de choisir un identifiant et un mot de passe. Très souvent, l'identifiant est notre mail : nous n'avons donc pas de choix à...

Windows : les raccourcis claviers à connaître

WindOws Les raccourcis clavier à connaîtreLes 10 raccourcis clavier de base sur Windows Ces raccourcis mythiques fonctionnent sur toutes les versions de Windows. Du fait de leur popularité, ils sont également disponibles sur de nombreux logiciels de bureau.  ...

WordPress : Présentation

WOrdPress Présentation du tableau de bordLe menu de gauche de WordPress permet de gérer l'intégralité des fonctions associés au site. De manière synthétique voici, la présentation des principaux menus :Tableau de bord : Donne un état des derniers événements passés sur...

Le codage HTML

HTML Les bases du codages htmlLe code HTML  PréambuleNotre objectif est une présentation de la codification HTML. Codification comprise par tous les navigateurs Web et base de tous les sites Web en fonctionnement à ce jour. Notre ambition est de vous présenter les...

Les règles d’Or de la Conception Graphique

INTERNET Les règles d'Or de la Conception GraphiqueLes règles d'Or de la Conception Graphique"   Gardez ces règles en tête, c'est assurer une meilleure visibilité à votre site Web. Allégez la taille des fichiers images. Même si les raccordement sont de plus en...

Brève Présentation d’Internet

INTERNET une brève présenation d'internet  En premier, il faut distinguer deux composants qui ont tendance à se confondre : le hard et le soft. Le hard composé des liaisons, des serveurs et des protocoles d'interconnexion et le soft, les langages qui permettent...

Internet : Bref historique

INTERNET L'origine d'internet L'histoire complète de l'internet peut être trouvée dans de nombreux documents disponibles sur le net, nous n'aurons donc pas la prétention d'établir ici un historique exhaustif et d'une précision sans faille ; le but de cette...

Code erreurs SMTP

INTERNET Les codes d'erreurs SMTP    Les codes d'erreur SMTPCes codes sont génés par le serveur SMTP lors du traitement des messages électroniques.Vous pouvez trouver ses codes lors de réception de message d'erreur par exemple et cette liste vous permettra de...