Structure

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

Il n'y a pas de balise méta 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) :
(0 étant le nombre de secondes après lesquelles le navigateur doit actualiser la page).

<meta http-equiv=“refresh” content=“0; url=pageweb1.htm” />

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

Les plus utilisées

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

Keywords (mots-clés)
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.
<meta name=“keywords“ content=“tutoriel, tutoriels, web, html, exiledesigns, webdesign” />

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

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

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

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

Window-target (fenêtre cible)
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.
<meta http-equiv=“Window-target” content=“_top” />

Robots
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).
<meta name=“robots” content=“all” />

Metas 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.

Metas 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.

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.

Continuer les recherches

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