Les balises meta sont de petits fragments de HTML dans le <head> d'une page qui indiquent aux moteurs de recherche et aux réseaux sociaux ce qu'est la page, quelle est la vraie URL et comment l'afficher. Les exemples ci-dessous ont été produits par les générateurs du site : vous pouvez donc les reproduire.
Les balises qui comptent
| Balise | Ce qu'elle fait | Repère courant |
|---|---|---|
<title> |
Le titre de la page dans les résultats et les onglets | Environ 30 à 60 caractères, moins d'environ 600 px de large |
<meta name="description"> |
Le résumé qu'un moteur peut afficher sous le titre | Environ 70 à 160 caractères, moins d'environ 920 px |
<link rel="canonical"> |
Indique l'URL préférée quand plusieurs affichent le même contenu | Une URL absolue par page |
<link rel="alternate" hreflang> |
Relie entre elles les versions par langue et région d'une page | Chaque version liste toutes les versions, y compris elle-même |
<meta name="robots"> |
Indique aux robots s'il faut indexer la page ou suivre ses liens | noindex garde une page hors des résultats |
og:* and twitter:* |
Contrôlent le titre, le texte et l'image des aperçus de lien | Image d'environ 1200 × 630 px (1,91:1) |
Les moteurs coupent titres et descriptions selon la largeur en pixels, pas le nombre de caractères : un titre aux lettres larges peut donc être coupé plus tôt. Le titre Free Online Mortgage Calculator With Taxes, Insurance and Extra Payments | Example fait 774 px pour une limite de 600 px sur ordinateur ; il s'affiche donc Free Online Mortgage Calculator With Taxes, Insurance and…. L'Aperçu d'Extrait SERP montre exactement où tombe la coupure sur ordinateur et sur mobile. L'ancienne balise meta keywords est ignorée par Google : laissez-la de côté ; pour trouver des idées de termes, le Générateur de mots-clés suggère des expressions voisines.
Un head complet
Le Générateur de Balises Meta construit un head comme celui-ci, avec des compteurs qui avertissent quand un titre ou une description est trop court ou trop long :
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mortgage Calculator: Monthly Payment, Taxes & Insurance</title>
<meta name="description" content="Estimate your monthly mortgage payment with taxes, insurance and extra payments. Free, private and instant.">
<link rel="canonical" href="https://example.com/mortgage">
<meta property="og:type" content="website">
<meta property="og:title" content="Mortgage Calculator: Monthly Payment, Taxes & Insurance">
<meta property="og:description" content="Estimate your monthly mortgage payment with taxes, insurance and extra payments. Free, private and instant.">
<meta property="og:url" content="https://example.com/mortgage">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:image:alt" content="Mortgage calculator">
<meta name="twitter:card" content="summary_large_image">
URL canoniques
Si la même page est accessible en /page, /page/ et /page?ref=x, les moteurs doivent deviner laquelle classer. Un lien canonique désigne la préférée. Ce doit être une URL absolue, et tous les doublons doivent pointer vers la même. Vérifiez ce qu'une page déclare avec le Vérificateur de Balise Canonique.
Versions linguistiques avec hreflang
Pour un site multilingue, chaque page liste toutes ses versions, elle comprise, plus un x-default pour les visiteurs qui ne correspondent à aucune. Les liens doivent être réciproques : si la page anglaise pointe vers l'espagnole, l'espagnole doit pointer en retour.
<link rel="alternate" hreflang="en" href="https://example.com/" />
<link rel="alternate" hreflang="es" href="https://example.com/es/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
Le Générateur de Balises hreflang les construit et signale les liens retour manquants.
robots.txt contrôle l'exploration, pas l'indexation
Un fichier robots.txt à la racine du site indique aux robots quels chemins ils peuvent récupérer :
User-agent: *
Disallow: /admin/
Allow: /admin/help
Sitemap: https://example.com/sitemap.xml
Notez ce qu'il ne fait pas. Une URL bloquée peut quand même apparaître dans les résultats si d'autres sites la citent. Pour garder une page hors des résultats, laissez-la explorable et ajoutez noindex dans une balise meta robots, car un robot qui ne peut pas récupérer la page ne voit pas la balise. Créez un fichier avec le Générateur de robots.txt et testez des chemins avec le Testeur de Robots.txt. N'utilisez jamais robots.txt pour cacher quoi que ce soit de sensible : il est public.
Aperçus sociaux
Les balises Open Graph (og:) et Twitter (twitter:) fixent la carte affichée lors du partage d'un lien. Utilisez une URL d'image absolue d'environ 1200 × 630 px (rapport 1,91:1) et ajoutez un texte alternatif. Prévisualisez le résultat avec le Générateur d'Aperçu de Partage Social.
Données structurées avec JSON-LD
Les données structurées étiquettent le contenu d'une page de façon lisible par les machines, ce qui peut la rendre éligible aux résultats enrichis. JSON-LD est le format habituel, placé dans un <script type="application/ld+json">. Le Générateur de Schéma JSON-LD produit par exemple un balisage de FAQ :
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Is it free?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes."
}
}
]
}
Ne balisez que du contenu visible sur la page et validez-le avant publication. Pour en savoir plus sur la syntaxe JSON, voyez Comment fonctionne JSON.
Erreurs fréquentes
- Titres et descriptions en double d'une page à l'autre. Écrivez chacun pour sa page.
- Une canonique qui pointe ailleurs par erreur. Elle peut faire sortir une page des résultats.
- Bloquer une page dans robots.txt en espérant qu'elle disparaisse. Utilisez
noindex. - URL relatives dans canonical et dans les balises
og:. Utilisez des URL absolues. - Liens retour manquants dans hreflang. Les moteurs ignorent les annotations à sens unique.