Voici la liste des principale balises <META>,
avec le nom de chaque attribut, leur fonction et un exemple pour
les illustrer. Ces balises sont nécessaires mais pas suffisantes
pour garantir un bon référencement dans les moteurs
de recherche. Les 4 premières sont essentielles, les suivantes
sont seulement indicatives car influençant faiblement les
réponses restituées par les requêtes des internautes.
"Il n'existe pas de
normalisation sur l'utilisation des attributs"
Autant ces balises avaient-elles un rôle
crucial pour le référencement il y a encore peu de
temps, autant leur impact pour se constituer un bon "positionnement" semble
diminuer avec le temps et notamment auprès de Google. Concrètement,
elles permettent de guider les robots indexeurs pour favoriser
leur travail d'analyse des contenus des pages web. On peut dire
que c'est un peu le code génétique du site qu'ils
auscultent. Voici une formule qui semble efficace...
› Voici par exemple les balises méta
de cette page :
<title>Les balises <META></title>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<meta name="robots" content="index,follow">
<meta name="keywords" content="erwan corre, rennes,
bretagne, Bretagne, Rennes, webmaster, webdisigner, web design,
web, internet, site, web, web site, creation de site, balise, meta,
keywords, description, référencement, moteur">
<meta name="description" content="Erwan CORRE
- Webmaster Bretagne - Création de site internet - 2011">
<meta name="language" content="fr">
<meta name="author" content="Erwan Corre, Bretagne,
http://www.webmaster-bretagne.info/">
<meta name="copyright" content="Erwan Corre -
Bretagne 2008 - http://www.webmaster-bretagne.info">
<meta name="date-revision-yyyymmdd" content="20110414">
<meta name="revisit-after" content="30 days">
<meta name="identifier-url" content="http://www.webmaster-bretagne.info/">
<meta name="language" content="fr">
<meta name="copyright" content="WEBMASTER BRETAGNE
- ERWAN CORRE - 2011">
|
| Attribut |
http-equiv="Content-Type" |
| Utilisation |
Indique le format de
la table des caractères utilisés pour la page. |
| Exemple |
<META http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"> |
| |
Utile pour certains navigateurs - Indispensable
pour les pages générées dynamiquement.
Une tendance se dégage pour privilégier le
codage des pages en UTF-8 qui permet une meilleurs prise
en charge des caractères accentués (qui peuvent
s'écrire tel quel directement dans le page de code). |
| Attribut |
http-equiv="Content-Language" |
| Utilisation |
Indique la ou les langues
du site. |
| Exemple |
<META http-equiv="Content-Language"
content="fr"> |
| |
Utile pour spécifier la (les) langue(s)
utilisée(s) sur le site - Par ex : "content="fr,
en, it". |
| Attribut |
name="Title" |
| Utilisation |
Indique la description
du site (maximum 120 caractères). |
| Exemple |
<"Title">LE TITRE - LE SITE
- UNE DATE</"Title"> |
| |
INDISPENSABLE car c'est ce titre qui apparaît
première ligne dans les résultats de recherche.
Ce titre doit bien sûr être en adéquation avec le contenu
même de la page. |
| Attribut |
name="Description" |
| Utilisation |
Indique la description
du site (maximum 200 caractères). |
| Exemple |
<META name="Description" content="Webmaster
Bretagne, des conseils pour créer votre site internet"> |
| |
INDISPENSABLE car c'est ce court descriptif
qui apparaît seconde position, sous le titre de la
page, dans les résultats de recherche. |
| Attribut |
name="Keywords" |
| Utilisation |
Informe les moteurs du
contenu du site avec des mots-clés (maximum 1000 caractères). |
| Exemple |
<META name="Keywords" content="web,
conception sites, html, css, internet, webdesigner, infographiste,
graphisme"> |
| |
Elle aussi n'est pas à oublier : elles
doivent
être en correspondance avec le contenu même de
la page. On peut mentionner un mot simple ou un mot composé.
Si la page est en UTF-8, les accents sont recommandés. |
| Attribut |
name="Generator" |
| Utilisation |
Indique le nom et la
version de l'éditeur html qui a été utilisé pour
la construction des pages du site. |
| Exemple |
<META name="Generator" content="NPDS
5.10 SABLE"> |
| Attribut |
name="Author" |
| Utilisation |
Indique le nom de l'auteur |
| Exemple |
<META name="author" content="Erwan
Corre - Webmaster Rennes"> |
| Attribut |
name="Copyright" |
| Utilisation |
Permet de mentionner
un copyright pour indiquer des droits réservés. |
| Exemple |
<META name="Copyright" content="Erwan
Corre 2008"> |
| Attribut |
name="Distribution" |
| Utilisation |
Indique la spécification
de distribution du site :
"Global" = Diffusion large,
"Local" = Diffusion restreinte |
| Exemple |
<META name="Distribution" content="Global"> |
| |
Balise très peu utilisée. |
| Attribut |
name="Robots" |
| Utilisation |
Indique aux moteurs d'indexer
ou non votre site web
All (par défaut) permet aux robots d'indexer et de
suivre les liens hypertextes d'une page à l'autre,
None = de ne pas indexer et de ne pas suivre les liens,
Index = permet d'être indexé par les robots,
NoIndex = aucune indexation possible,
Follow= autorise les robots de suivre les liens hypertextes
des pages,
NoFollow= n'autorise pas les robots de suivre les liens hypertextes
des pages. |
| Exemple |
<META name="Robots" CONTENT="Index,All"> |
| A noter
1 |
Le fichier "robots.txt" est
typiquement un simple fichier texte mentionnant
les instructions requises à l'intention des robots d'indexation
des moteurs de recherche. Il est placé à la racine du site
(niveau 0).
- Une seule instruction est le plus souvent nécessaire : "User-agent:*"
Indiquant que tous (*) les robots d'indexation sont autorisés
à inspecter les pages du site pour les indexer.
- Des restrictions peuvent être indiquées : "Disallow:
/css/" ou "Disallow: /js/"
Dans ce cas, les robots d'indexation ne doivent pas prendre
ne compte le contenu des répertoires mentionnés.
Balise fortement recommandée, à associer au fichiers "robots.txt". |
A
noter 2
|
Une
nouvelle ligne peut être ajoutée au contenu du fichier "robot.txt" :
Sitemap: http://www.monsite.com/sitemap.xml
Le fichier "sitemap" est un plan ordonné du site,
indiquant les pages principales et leur valeur relative.
Exemple avec le sitemap actuel de ce site :
<urlset>
<url>
<loc>http://www.webmaster-bretagne.info/index.html</loc>
<lastmod>2011-04-16</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>
http://www.webmaster-bretagne.info/les-balises-meta.php
</loc>
<lastmod>2011-04-16</lastmod>
<changefreq>monthly</changefreq>
<priority>0.5</priority>
</url>
...
Google, Yahoo, Msn et Ask se sont associer pour permettre
aux webmasters de faciliter le travail de soumission de
leur site en indiquant "à l'avance" aux robots
d'indexation les pages à référencer. Cette nouvelle fonction
se révèle très efficace mais demande à être elle-même complétée
pour produire tous ses effets :
- par la création d'un compte spécifique chez Google ("Webmasters
Tools"),
- par la création d'un compte chez Yahoo! pour la simple
soumission du site dans son index.
Balise fortement recommandée, à associer à un fichiers "sitemap.xml". |
| A
noter 3 |
Depuis 2006,
MMSN Search, le moteur de Microsoft, propose aux webmasters
une nouvelle propriété pour la balise méta "robot".
Voici le code à utiliser :
<META NAME="ROBOTS" CONTENT="NOODP">
<META NAME="msnbot" CONTENT="NOODP">
La première version de la syntaxe s'applique à tous
les robots alors que la seconde est spécifique à MSN
Search et reste le seul acteur à l'utiliser... "NOODP" permet
tout simplement d'indiquer aux robots (spider ou crawler)
qu'il ne faut pas utiliser la description de l'ODP (Open
Directory Project). L'ODP est plus communément connu
en France sous le nom de projet Dmoz. Cela provient du
fait de l'annuaire collaboratif DMOZ inclut
dans son index votre site dans une catégorie qui
n'est pas forcément celle que vous avez souhaité
car le responsable DMOZ en charge d'examiner votre site
peut très bien rédiger lui-même la
description qu'il souhaite utiliser pour le classer ou
plus simplement le "ranger" dans une catégorie
déjà existante qui lui semble mieux convenir.
De plus, votre site peut naturellement évoluer et
ne plus être conforme à la catégorie
initiale : il est alors difficlle de modifier votre classement
avec DMOZ.
Balise à rajouter sans risque. |
| Attribut |
name="Revisit-after" |
| Utilisation |
Indique aux robots la
prochaine date de visite de réindexation (ce nombre
ne peut être inférieur à 14 jours). |
| Exemple |
<META name="revisit-after" content="30
days"> |
| |
A mettre, sachant que les robots repassent sur
les pages déjà indexées plusieurs fois
par mois, de façon automatique, et parfois même
plusieurs fois par jours.... De plus, son efficacité est
maintenant dépassée par la généralisation
de l'utilisation du fichier "sitemap" qui
permet de commander au robots indexeur de visiter
le site. |
| Attribut |
name="Reply-to" |
| Utilisation |
Indique l'email de l'auteur
du site |
| Exemple |
<META name="reply-to" content="support@webmaster.bretagne.info"> |
| |
Attention à prendre vos précautions
pour éviter d'être spammer :
Soit en "masquer" la forme de l'adresse : info-arobase-webmaster-bretagne.info
Soit en cryptant à la source l'adresse pour la rendre
méconnaissable pour les collecteurs automatiques d'adresses
(avec un convertisseur javascript par exemple : voir...) |
| Attribut |
name="Owner" |
| Utilisation |
Indique le nom du propriétaire
du site |
| Exemple |
<META name="owner" content="Erwan
Corre"> |
| |
Elle peut contenir une ou plusieurs mentions
désignant les "responsables" du site, son
propriétaire et plus certainement l'auteur de son
contenu. |
| Attribut |
name="rating" |
| Utilisation |
Indique la spécification
du public du site :
General = Tout public,
Mature= Public averti,
Restricted= Accès privé |
| Exemple |
<META name="Rating" content="General"> |
| |
Cette balise "rating" est
peu utilisé et sert à renseigner sur la catégorie
de public concerné par le site. Il y a 4 catégories
: "general" qui désigne un site
tout public, "mature" réserve l'accès
aux adultes, "restricted" indique un accès
restreint et le curieux "14years" qui
interdit l'accès des moins de 14 ans. On sait donc
qu'elle n'a pas d'utilité pratique car d'autres méthodes
se sont substituées à elle pour restreindre l'accès à certains
espaces et contenus du web (.htaccess, erreur404...). |
| Attribut |
http-equiv="expires" |
| Utilisation |
Indique la fin de la
date de "validité"
de la page, et oriente le navigateur à revisiter la
page effectivement présente sur le serveur. |
| Exemple |
<META http-equiv="expires" content="2008-12-31"> |
| |
Peu utile dans le sens ou les robots repassent
sur les pages déjà
indexées plusieurs fois par mois , voire plusieurs
fois par jour (!), de façon automatique. |
| Attribut |
http-equiv="refresh" |
| Utilisation |
Indique au navigateur
d'aller à une nouvelle page après un temps
donné (redirection sur une autre page ou un autre
site). |
| Exemple |
<META http-equiv="refresh" content="10;
URL=http://www.webmaster-bretagne.info/index.html"> |
| |
Evitez de mettre "content" à "0"
car c'est la valeur en seconde avant le déclenchement
de la redirection vers la nouvelle page. Attention ! Google
pénalise les sites utilisant la redirection automatique
: privilégiez un lien cliquable par l'internaute "Pour
accéder à
la nouvelle page, cliquez ici..." |
| Attribut |
http-equiv="Window-target" |
| Utilisation |
Force à afficher
le contenu de la page dans une fenêtre a part (évite
les liens dans les frames). |
| Exemple |
<META http-equiv="Window-target" content="_top"> |
| |
Peu utilisé depuis la quasi disparition
des site à frames |
|
 |
|
