Comprendre les balises meta et les cartes de partage
Ce que génère cet outil
Les balises meta sont les signaux invisibles du <head> d'une page qui indiquent aux moteurs de recherche et aux réseaux sociaux comment intituler, décrire et afficher votre contenu. Cet outil transforme un formulaire court en ce balisage : vous saisissez un titre, une description, des mots-clés, l'auteur et une URL canonique, et il assemble les balises <meta> et <link> correspondantes ainsi que leurs équivalents Open Graph et Twitter Card. Le code HTML se met à jour au fil de la saisie, et un aperçu montre comment le résultat se lirait sur une page de résultats.
Quand l'utiliser
Il rend service dès qu'une page doit remplir sa section head à la main : un site statique, une page de destination, un gabarit de CMS ou un e-mail affiché comme une page web. Il sert aussi à vérifier une page existante : collez le titre et la description prévus, et les compteurs de caractères signalent ce que Google risque de tronquer. Les équipes marketing s'en servent pour maîtriser l'image, le titre et le résumé affichés lorsqu'un lien est collé dans Slack, X, LinkedIn ou Facebook, plutôt que de laisser ces plateformes deviner.
Exemple : titre, description et balises og:
Supposons que vous saisissiez le titre « Mugs en céramique faits main », une description d'une phrase et l'URL d'une image. La sortie contient <title>Mugs en céramique faits main</title>, <meta name="description" content="..."> et un <link> canonique. S'y ajoutent og:title, og:description, og:image et og:type pour Open Graph, ainsi que twitter:card, twitter:title et twitter:image pour la Twitter Card. En donnant à l'image OG une taille de 1200x630 pixels, vous obtenez la grande carte que la plupart des réseaux affichent.
Longueur conseillée et cas particuliers
Gardez les titres sous environ 60 caractères et les descriptions sous 160 pour que les moteurs les affichent en entier ; les compteurs intégrés vous alertent dès que vous dépassez. Les directives robots — index/noindex, follow/nofollow, ainsi que noarchive et nosnippet — sont regroupées dans une seule balise <meta name="robots"> qui pilote l'exploration et la mise en cache. L'URL canonique doit pointer vers la version privilégiée d'une page afin d'éviter les problèmes de contenu dupliqué. Une fois le balisage prêt, copiez le bloc entier et collez-le juste avant la balise </head> fermante.