Les balises Méta
On trouve les balises Méta dans l'entête des pages HTML entre <head> et </head>. Elles donnent des indications sur la page. Il en existe beaucoup et ne sont pas toutes indispensables.
Content type
Cette balise permet d’indiquer le type de document et son encodage. Elle est particulièrement recommandée pour éviter les bugs d'affichage des caractères.
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />Description
Cette balise permet d'indiquer une description courte de la page qui pourra être repris par les moteurs de recherche dans l'affichage des résultats de recherche.
Attention ! Il est vivement recommandé d'avoir une description différente pour chaque page du site afin de ne pas être pénalisée par les moteurs de recherche. Il vaut mieux ne pas utiliser cette balise si on n'a pas de description unique.
<meta name=description content=Présentation des différentes balises Méta utiles />Keywords
C'est un bon exemple de balise dont l'usage abusif l'a rendu inutile. En effet, les moteurs de recherche n'apporte que peu d'attention à cette balise depuis que leurs algorithmes se sont améliorés.
<meta name=keywords content=internet, site web, création site />Refresh
Cette balise indique un rafraichissement de la page ou une redirection au bout d'un certain temps indiqué. Son usage est plutôt déconseillé car elle provoque un rechargement qui peut être perturbant pour l'utilisateur.
<-- redirige vers http://exemple.com au bout de 5 secondes -->
<meta http-equiv=refresh content=5;url=http://exemple.com/>Robots
La balise Méta Robots permet de fournir des instructions aux moteurs de recherche. Ils sont, bien-entendu, libre de les interpréter ou pas...
<-- Pas d'indexation de la page -->
<meta name=robots content=noindex />
<-- Ne pas suivre les liens de la page -->
<meta name=robots content=nofollow />
<-- Ne pas afficher de lien en cache dans les SERP -->
<meta name=robots content=noarchive />
<-- Les 2 méta ci-dessous sont équivalentes -->
<meta name=robots content=noindex,nofollow,noarchive />
<meta name=robots content=none />
Viewport
Cette balise trés utile pour réinitialiser l'espace d'affichage disponible sur les appareils mobiles comme l'Iphone lorsque l'on veut y appliquer une feuille de style spécifique.
<meta name=viewport content=width=device-width,initial-scale=1.0/>