Petit snippet HTML indispensable pour améliorer le référencement (SEO) d’une page web.
Les balises meta permettent aux moteurs de recherche de comprendre :
- le contenu de la page
- le sujet principal
- comment afficher la page dans les résultats de recherche
Snippet
<head>
<title>Titre de la page</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Description courte de la page pour le référencement.">
<meta name="robots" content="index, follow">
<meta name="author" content="Nom du site">
</head>
Explication des balises
title
<title>Titre de la page</title>Le titre de la page affiché :
- dans Google
- dans l’onglet du navigateur
C’est l’un des facteurs SEO les plus importants.
meta description
<meta name="description" content="Description de la page">Résumé court du contenu de la page.
Google l’utilise souvent pour afficher l’extrait dans les résultats de recherche.
viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0">Permet d’adapter la page aux smartphones et tablettes.
Indispensable pour le responsive design.
robots
<meta name="robots" content="index, follow">Indique aux moteurs de recherche :
- index → indexer la page
- follow → suivre les liens
charset
<meta charset="UTF-8">Définit l’encodage des caractères pour éviter les problèmes d’affichage.
Bonnes pratiques SEO
Pour optimiser ces balises :
- garder un title entre 50 et 60 caractères
- garder une description entre 150 et 160 caractères
- inclure des mots-clés naturels
- écrire un texte clair et attrayant
Idée d’utilisation
Ces balises sont utilisées dans :
- sites web
- blogs
- pages d’articles
- pages produits
- landing pages
