HTML - Balises meta

  »   HTML  »   Tutoriel HTML - Balise Meta (mots clés, description, refresh, revised...)

Les balises meta sont utilisées pour fournir des informations additionelles au moteur de recherche. Ces informations ne seront pas visibles, à moins que l'utilisateur ne sélectionne affichage 'Source' depuis le menu 'Affichage' où il aura accès à la partie HTML de la page.

Mots clés Meta

Dans la balise meta vous pouvez ajouter des mots clés pour la page. Ici seront indiqués les mots et groupes de mots les plus importants pour cibler votre site internet. Il est recommandé que vous n'abusiez pas de ces balises, parce que personne, ni les moteurs de recherche, ni les utilisateurs, ne bénéficieraient de l'utilisation de mots clés qui n'ont aucun lien avec le contenu du site internet.

Voici un exemple modéré d'utilisation de balises meta

html<head>
	<meta name="keywords" content="site internet, tutoriels html, usage de balises meta en html" />
</head>

Cet exemple est basé sur la profil de cette page.

Comme vous pouvez le voir, le nom spécifie quel type de balise meta sera utilisé. Aussi, la virgule qui est utilisée pour séparer les mots les uns des autres doit être spécifiée. Ceci est assez banal mais c'est quelque chose que beaucoup de gens oublient de faire.

Description meta

Cette balise vous aide à décrire votre site internet. Un maximum de deux phrases sera utilisé pour compléter le contenu de cette balise.

html<head>
	<meta name="description" content="Un site internet ressource pour ceux qui souhaite apprendre le HTML et les webmasters" />
</head>

Comme vous pouvez le voir, le nom spécifie quel type de balise meta sera utilisé. Google recommande d'utiliser environ 200-250 caractères pour cette balise. C'est une des plus importantes balises en SEO.

Balise revised en meta

Elle est utilisée pour indiquer la dernière mise à jour de votre site internet.

html<head>
	<meta name="revised" content="1/08/2008" />
</head>

Refresh et redirection en meta

Le raffraichissement est réalisé avec l'aide de l'attribut http-equiv="refresh". Le but de cette balise est de recharger la page et d'afficher les nouvelles informations d'une mise à jour. une application très utiles pour un forum, par exemple.

html<head>
	<meta http-equiv="refresh" content="10; url=http://www.tutorialehtml.com" />
</head>

Les redirections sont faciles à faire en changeant l'adresse de la page internet par celle vers laquelle vous voulez qu'elle redirige. L'application est pratique lorsque vous achetez un nouveau domaine et que vous souhaitez la redirection des utilisateurs vers la nouvelle page. Vous pouvez utiliser ce site qui automatiquement génere une redirection pour vous.

html<head>
	<meta http-equiv="refresh" content="5; url=http://www.etutoriale.ro" />
</head>