+ webdesign portfolio
+ designer's boutique
+ poserstudios
+ artworks
+ tutorials & articles
     
 
Le référencement avec les balises <meta>

Article réalisé durant l'automne 2004.
Niveau de connaissance requis : débutants.
Outils nécessaires : éditeur HTML ou bloc-notes, selon la facilité.


 
00. Introduction

Les méta-tags sont un ensemble de balises HTML servant à identifier et à définir le contenu d’une page Internet, afin de les indexer / référencer correctement.
Les moteurs de recherche vont généralement « lire » le contenu de ces balises grâce à des robots (programmes qui parcourent une page en analysant son contenu) et en extraient les informations à afficher lors d’une recherche. Notons qu’il s’agit d’une généralité, car les moteurs de recherche actuels ont des systèmes très différents. Altavista, par exemple, n’affiche que les 250 premiers caractères d’une page Web.
Les métas peuvent aussi avoir d’autres fonctions utiles, telles que rediriger un internaute, par exemple.





01. structure

<head>
<meta name=“nom_du_meta” content=“contenu_du_meta”>
</head>

Il n'y a pas de balise </meta> de fermeture. Pas de sauts de lignes non plus, ils pourraient être mal interprétés.

Il existe deux types de méta-tags : les « name » et les « http-equiv ». Les http-equiv, sont, littéralement, les équivalents d’une adresse http. Ils servent par exemple, à rediriger automatiquement un internaute d’une page à une autre. Ce sont donc les navigateurs qui s’en servent (Explorer, Safari…).

Exemple, le méta « refresh » (rafraîchir / actualiser) :
<meta http-equiv=“refresh” content=“0; url=pageweb1.htm”>
(0 étant le nombre de secondes après lesquelles le navigateur doit actualiser la page).

Les name sont toutes celles qui ne correspondent pas aux navigateurs, donc toutes les autres.






02. les plus utilisés

Description
<meta name=“description” content=“Les tutoriels exclusifs d'ExileDesigns”>
Certains moteurs de recherche affichent le contenu de cette méta comme description du site Internet.

Keywords (mots-clés)
<meta name=“keywords“ content=“tutoriel, tutoriels, web, html, exiledesigns, webdesign”>
Certains moteurs utilisent cette balise lors de la recherche par mots-clés. p.ex, vous tapez « webdesign + tutoriels  » et vous pourriez tomber sur le site décrit ci-dessus.

Copyright
<meta name=“copyright” content=“Le contenu de cette page est © ExileDesigns 2004, tous droits réservés”>
Comme son nom l'indique, permet de décrire le copyright de la page en question.

Revisit after (revisite dans)
<meta name ="revisit-after" content="3 days">
Indique au robots de revenir parcourir la page après un certain temps (en jours), utile pour les mises à jour fréquentes.

Pragma (no-cache)
<meta http-equiv=“Pragma” content=“no-cache”>
Permet de prévenir les navigateurs de stocker des données dans le cache des utilisateurs.

Refresh (actualiser)
<meta http-equiv=“refresh” content=“0; url=pageweb1.htm”>
Actualise automatiquement la page, 0 étant le nombre de secondes après lesquelles le navigateur doit exécuter l'actualisation.

Window-target (fenêtre cible)
<meta http-equiv=“Window-target” content=“_top”>
Indique dans quelle cible une page doit se charger, permettant ainsi à une page de ne pas rester « coincée » dans les frames d’un référent.

Robots
<meta name=“robots” content=“all”>
Permet d’indiquer à un robot quelles pages indexer ou ignorer. "All" par défaut signifie que le robot va indexer toutes les pages liées. On peut le remplacer par "none" aucune / "index" seulement la page sur laquelle le robot se trouve, ne pas suivre de liens / "follow" peut suivre les liens librement / "noindex" ne doit pas indexer cette page.

 






03. métas et frames

Les robots sont souvent incapables de parvenir au contenu des frames : ils s’arrêtent généralement au frames et se retrouvent donc sans informations suffisantes (rappelons que certains moteurs tels que Google et Altavista référencent le contenu textuel d’une page).

En général, lors de la construction d’un frameset, on ajoute dans la balise <noframes> quelque chose du genre « Désolé, mais votre navigateur n’interprète pas les frames ». Et c’est ce qui se retrouve ensuite dans la description de votre site lors d’une recherche avec Google. Pour éviter cela, vous pouvez vous servir de cette balise <noframes> comme d’un contenant HTML. Vous pouvez y ajouter des balises <body>, des liens, du texte… qu’un robot identifiera aisément.

 


04. métas et documents autres

Les moteurs de recherche ne sont pas capables de lire à l’intérieur d’un fichier Flash, par exemple (chose désormais révolutionnée, Google peut, mais restent les autres navigateurs).
Il convient donc de toujours placer votre fichier .swf à l’intérieur d’une page HTML, contenant, elle, les métas adéquats.


 
 
05. légalement parlant

Vous ne pouvez pas utiliser des noms de marques ou de sites compétitifs dans vos méta-tags. Légalement, cela reviendrait à essayer de se faire passer pour une entreprise que vous ne représenteriez pas. De même, concevez votre propre liste de mots-clés, copier celle d’un autre site est un acte illégal.

  
 
06. continuer les recherches

Voici une liste de liens utiles et intéressants pour ceux qui souhaiteraient approfondir le sujet.

Notre générateur de métas

Dictionnaire des méta-tags (anglais)
Quelques cas de poursuites pour méta-tags frauduleux (anglais)
De nombreuses informations et ressources (anglais)
Très simplement… (français)



Haut de la page

 
(c) Corinne Stoppelli - ExileDesigns 2004 . Toute copie, entière ou partielle, est interdite sans l'autorisation expresse de l'auteur.