contact

Cours de HTML

Les méta Tags

Référencement

Lorsque l'on crée son site il est nécessaire de le faire connaître, il faut donc le référencer.
On peut se référencer en s'inscrivant sur des annuaires comme yahoo, altavista. Ce référencement est payant.

Pour faire connâitre son site, il faut faire passer l'information, en distribuant des flyers, des cartes de visite, en plaçant le nom du site dans le bas du courriel, en faisant de la publicité dans de la presse spécialisée.

Le référencement sur Google se réalise par PageRank, c'est un critère permettant de mesurer la popularité d’un site, il est compris entre 0 et 10, plus il est haut et plus le site en question est populaire. Le PR (abréviation de PageRank) est aussi utilisé par Google dans tout son processus, en effet, un site ayant une ou plusieurs pages au PR élevé aura de gros avantages, il sera plus souvent affiché lors des recherches, et sera classé en tête de sa catégorie. Il sera aussi plus souvent indexé et donc ses mises à jours seront plus souvent prises en compte.

Les balises meta

Un Meta Tag est un marqueur dans le code HTML noté : <meta>. Ce marqueur permet d'aider, entre autres, les moteurs de recherche en donnant des indications sur un site internet. Ces marqueurs Meta sont positionnés entre les balises <head> et </head> du code HTML et doivent être mises sur toutes les pages de votre site. Certaines indications (title, description, keywords) devront bien sûr être différentes en fonction des informations présentent dans le contenu de chacune de vos pages.

meta Content-Type

Cette balise meta est la plus utile. Voici comment la rédiger :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Il s’agit d’un équivalent, placé dans le code HTML, de l’en-tête HTTP Content-Type, qui permet d’indiquer le type de document et son encodage. Utiliser cette balise META n’est pas indispensable. En effet, les informations qu’elle donne devraient logiquement être envoyées par le serveur web, au moment où il envoie la page HTML au navigateur. Mais redoubler cette information dans la page HTML elle-même permet d’avoir une information sur l’encodage des caractères utilisé (UTF-8 ou ISO-8859-1 ou d’autres encore), ce qui s’avèrera très utile dans le cas où un serveur web mal configuré n'envoie pas les informations sur l'encodage.

meta description

Cette balise meta permet de fournir une description courte de la page web. Elle est utilisée par les principaux moteurs de recherche pour fournir un court résumé de la page. Voici un exemple :

<meta name="description" content="filmographie de Quentin Tarantino" />

Il est préférable de ne pas utiliser la même description dans toutes les pages d’un site. Un site idéal aura sa propre description dans chacune de ses pages. La description doit donc être unique, brève (pas plus de 200 caractères), attractive et bien correspondre au contenu de la page. Si on n'a pas de description pour chaque page, il faut réserver l'usage de cette balise à la page d'accueil (index.html).

meta keywords

Cette balise n'est pas très utile, les moteur de recherche en tiennent peu compte pour un problème de redondance. Il est conseillé d'y placer peu de mots-clé.Elle se rédige de cette manière :

<meta name="keywords" content="Tarantino, pulp fiction, Cannes, …" />

meta generator

Certains éditeurs de code et logiciels de gestion de contenu (CMS) placent automatiquement une META Generator dans vos pages. Elle peut ressembler à ceci:

<meta name="generator" content="Nom de l’outil (version)" />

Cela permet aux éditeurs du logiciel de faire des statistiques: de savoir combien de pages utilisent leurs logiciel, quelle version du logiciel ils utilisent... En tant qu’éditeur ou créateur de site, cette information ne vous sert à rien. Mais si vous utilisez un CMS libre fourni gracieusement par des bénévoles, ça ne vous coûtera pas grand chose de garder cette ligne de code dans vos pages HTML et ça leur fournira quelques informations utiles.

meta author

Cette balise permet de connaître le nom de l'auteur de la page.

<meta name="author" content="Moi" />

meta copyright

Cette balise précise le copyright(tous droits réservés, année, licence...).

<meta name="copyright"content="©mon texte, mon programme" />

Il n’existe pas une liste exhaustive des balises meta car tout un chacun est libre de créer un couple clé–valeur, pour peu qu’il en ait l’usage.

Sites de référencement gratuit

Suite > >