Les balises meta sont les lignes de la section head d’une page que les moteurs de recherche et les réseaux sociaux lisent à la place de la page elle-même. Le titre et la description façonnent votre extrait Google ; les balises Open Graph et Twitter Card décident de l’image, du titre et du texte affichés quand le lien est partagé. Ce générateur les écrit toutes depuis un seul formulaire et montre le résultat tel qu’il apparaîtra.

Étapes

1. 1 Saisissez le titre et la description de la page. Les compteurs indiquent les longueurs qui tiennent habituellement dans les résultats — environ 60 et 160 caractères.
2. 2 Ajoutez l’URL canonique, le nom du site et une image 1200×630. Choisissez le type de contenu, la locale et la disposition de la carte ; les trois aperçus se mettent à jour au fil de la frappe.
3. 3 Copiez les balises générées et collez-les dans la section head de votre page, en remplaçant les balises de titre et de description existantes.

Titre et description

La balise title est le titre bleu des résultats de recherche et l’intitulé de l’onglet. Gardez-la sous environ 60 caractères et placez les mots distinctifs en premier ; Google tronque selon la largeur en pixels, les lettres larges consomment donc l’espace plus vite. La description n’est pas un facteur de classement mais c’est votre annonce dans les résultats : 150 à 160 caractères qui disent ce que la page offre et pourquoi cliquer. Google peut la remplacer par du texte de la page s’il le juge plus pertinent.

Open Graph

Facebook, LinkedIn, WhatsApp, Slack et la plupart des messageries lisent og:title, og:description, og:image et og:url pour construire un aperçu de lien. L’image doit faire 1200×630 pixels (1,91:1), moins de 8 Mo, et être fournie en URL absolue. og:type vaut website pour la plupart des pages et article pour les billets ; og:site_name s’affiche au-dessus du titre sur certains réseaux. Sans ces balises, un partage peut afficher une image au hasard de la page, ou aucune.

Twitter Cards

X utilise ses propres balises mais se rabat sur Open Graph pour tout ce qui manque ; il vous faut donc surtout twitter:card pour choisir la disposition — summary_large_image pour une image pleine largeur, summary pour une petite vignette carrée — et twitter:site pour le compte à créditer. Titre, description et image sont répétés ici pour les réseaux qui ne lisent que le jeu twitter:.

URL canonique et robots

Le lien canonique indique aux moteurs quelle adresse est l’originale quand le même contenu est accessible à plusieurs URL (avec et sans paramètres, http et https, barre oblique finale). Utilisez toujours l’URL absolue complète. La balise robots est généralement inutile — index, follow est la valeur par défaut — et ne vaut la peine que pour exclure une page des résultats avec noindex.