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.
1<!-- Primary Meta Tags -->2<title>LinkPreview — Outil gratuit de vérification et de génération de balises méta</title>3<meta name="title" content="LinkPreview — Outil gratuit de vérification et de génération de balises méta" />4<meta name="description" content="Prévisualisez et générez des balises méta pour n'importe quelle page. Découvrez comment votre titre, votre description et votre image OG s'affichent sur Google, X, LinkedIn, Slack et WhatsApp avant de partager." />5<link rel="canonical" href="https://www.linkpreview.app/" />6 7<!-- Favicon -->8<link rel="icon" href="https://framerusercontent.com/images/a9nu6koMdYmXDgNUBJrlTh5XVE.png" />9<link rel="apple-touch-icon" href="https://framerusercontent.com/images/a9nu6koMdYmXDgNUBJrlTh5XVE.png" />10 11<!-- Open Graph / Facebook / LinkedIn -->12<meta property="og:type" content="website" />13<meta property="og:url" content="https://www.linkpreview.app/" />14<meta property="og:title" content="LinkPreview — Outil gratuit de vérification et de génération de balises méta" />15<meta property="og:description" content="Prévisualisez et générez des balises méta pour n'importe quelle page. Découvrez comment votre titre, votre description et votre image OG s'affichent sur Google, X, LinkedIn, Slack et WhatsApp avant de partager." />16<meta property="og:image" content="https://framerusercontent.com/assets/J1HisHshHbmaRv7WjftPVnwU3g.jpg" />17<meta property="og:image:width" content="1200" />18<meta property="og:image:height" content="630" />19<meta property="og:site_name" content="Aperçu du lien" />20 21<!-- X (Twitter) -->22<meta name="twitter:card" content="summary_large_image" />23<meta name="twitter:url" content="https://www.linkpreview.app/" />24<meta name="twitter:title" content="LinkPreview — Outil gratuit de vérification et de génération de balises méta" />25<meta name="twitter:description" content="Prévisualisez et générez des balises méta pour n'importe quelle page. Découvrez comment votre titre, votre description et votre image OG s'affichent sur Google, X, LinkedIn, Slack et WhatsApp avant de partager." />26<meta name="twitter:image" content="https://framerusercontent.com/assets/J1HisHshHbmaRv7WjftPVnwU3g.jpg" />27<meta name="twitter:site" content="@framer" />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é.