Générateur de balises méta

Rédigez le titre de votre page, sa description et ajoutez une image, vérifiez la longueur de chacun, prévisualisez le résultat sur Google et les réseaux sociaux, puis copiez les balises méta HTML.

15 lines
Open view-source: on your page and copy the <head>.
Card preview3/4 checks passed
Framer: Free website builder and AI design agent
From framer.com
twitter:cardValidsummary_large_image
twitter:titleFoundFramer: Free website builder and AI design agent
twitter:descriptionFoundThe free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO,…
twitter:imageLoading image…https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png
twitter:image:altMissing, add it for screen readers
twitter:siteOptional
Recommended X card tagsPaste inside <head>, next to your Open Graph tags
1<!-- X (Twitter) card -->
2<meta name="twitter:card" content="summary_large_image" />
3<meta name="twitter:title" content="Framer: Free website builder and AI design agent" />
4<meta name="twitter:description" content="The free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO, and AEO built in." />
5<meta name="twitter:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />
6<meta name="twitter:image:alt" content="Describe what the image shows" />
7<meta name="twitter:site" content="@yourbrand" />

Comment rédiger de bonnes balises méta

Remplissez les champs ci-dessus et le générateur rédigera le code HTML pour vous. Collez-le dans l'en-tête (<head>) de votre page, ou copiez les valeurs dans les paramètres SEO de votre CMS ou outil de création de site.

Rédigez un titre de 50 à 60 caractères

Placez le mot-clé principal vers le début et le nom de la marque à la fin. Google tronque les titres à environ 60 caractères.

Conservez la méta-description entre 140 et 160 caractères

Résumez ce que la page propose et donnez envie aux internautes de cliquer. Google réécrit parfois les descriptions, mais une description claire et pertinente par rapport à la recherche a bien plus de chances d'être affichée.

Ajouter une URL canonique et une image OG

La balise canonique indique aux moteurs de recherche quelle adresse est la version principale de la page. Utilisez une balise og:image de 1200 × 630 px afin qu'elle remplisse la grande carte sur chaque plateforme.

Testez les balises après la publication

Une fois les balises en ligne, analysez l'URL à l'aide de l'outil de vérification des balises méta pour voir ce que Google et les réseaux sociaux lisent. Les réseaux sociaux mettent les aperçus en cache, pensez donc à revérifier après chaque modification.

FAQ sur le générateur de balises meta

Des réponses rapides sur les balises meta, Open Graph et où placer le code généré.

Qu'est-ce qu'un générateur de balises meta ?

Un générateur de balises meta transforme le titre, la description, l'URL et l'image d'une page en balises HTML lisibles par les moteurs de recherche et les réseaux sociaux : la balise title, la meta description, le lien canonique, les balises Open Graph et les balises Twitter Card.

Quelles balises meta cet outil génère-t-il ?

Il génère la balise title, la balise meta title et la description, rel=canonical, og:type, og:url, og:title, og:description, og:image avec largeur et hauteur, og:site_name, ainsi que les balises twitter:card, title, description, image et site.

Où dois-je coller les balises méta générées ?

Collez-les dans la section <head> de votre code HTML, juste avant la balise de fermeture </head>. Sur Framer, Webflow, WordPress ou Shopify, saisissez plutôt le même titre, la même description et la même image dans les paramètres SEO de la page.

Les balises méta sont-elles toujours importantes pour le SEO ?

La balise title reste un facteur de classement, et la méta-description est ce que la plupart des internautes lisent dans les résultats de recherche avant de cliquer. Les balises Open Graph et Twitter déterminent l'apparence de votre lien lorsqu'il est partagé, ce qui influence également le nombre de clics.

Ce générateur de balises meta est-il gratuit ?

Oui. Il fonctionne dans votre navigateur, ne nécessite aucun compte et rien de ce que vous saisissez n'est enregistré.