Comment l’utiliser
- Remplissez le titre et la description, l’adresse de la page et une image d’aperçu.
- Vérifiez à droite le résultat de recherche et l’aperçu du lien, et corrigez ce que signalent les avertissements.
- Copiez les balises dans le
<head>de votre page, ou téléchargez-les.
Seuls les champs remplis deviennent des balises, et chaque valeur est échappée : les guillemets et les & de votre texte ne peuvent pas casser le HTML.
Les balises qui comptent
<title>est le titre de votre résultat de recherche et de l’onglet du navigateur. Environ 60 caractères s’affichent dans les résultats.<meta name="description">est l’extrait en dessous, quand le moteur de recherche estime qu’il correspond à la page. Visez 70 à 160 caractères.<link rel="canonical">indique l’adresse unique de la page, pour que les copies à d’autres adresses ne lui fassent pas concurrence.- Les balises Open Graph (
og:) sont ce que Slack, LinkedIn, Facebook, iMessage et la plupart des messageries lisent pour les aperçus de liens. twitter:carddemande à X une grande carte avec image. Pour le reste, X se rabat sur les balises Open Graph.
L’image d’aperçu
Utilisez 1200 × 630 pixels (1,91:1), en PNG ou JPEG, de moins de 5 Mo, à une adresse https:// complète. Les chemins relatifs comme /og.png ne fonctionnent pas : les services qui construisent les aperçus récupèrent l’image eux-mêmes. Éloignez le texte important des bords, car certaines applications recadrent en carré.
Questions fréquentes
Les meta keywords servent-ils encore ?
Non. Google ignore <meta name="keywords"> depuis des années, donc le générateur ne l’écrit pas.
Pourquoi l’aperçu de mon lien ne change-t-il pas après la mise à jour des balises ?
Les services mettent les aperçus en cache, parfois pendant des jours. La plupart ont un outil pour récupérer à nouveau la page, comme le Post Inspector de LinkedIn et le Sharing Debugger de Facebook.
Où vont les balises ?
Dans le <head>, avant la balise fermante </head>. Si votre page a déjà un <title> ou une description, remplacez-les au lieu d’en ajouter un second.
Puis-je voir la vraie image dans l’aperçu ici ?
L’aperçu affiche le nom du fichier de l’image au lieu de l’image, car cette page ne charge que des images de lobsite.com. Publiez votre page et vérifiez-la dans une messagerie pour voir le vrai rendu.