Générateur de balises meta

Générez des balises meta SEO, Open Graph et Twitter Card pour votre page à partir d'un titre, d'une description, d'une URL canonique, d'une image, d'un nom de site et d'un type de carte.

Chargement de l'outil…

Générateur de balises meta — Renseignez le titre, la description, l'URL canonique, l'image et le nom de votre site pour obtenir un bloc prêt à coller de balises meta SEO, Open Graph et Twitter Card pour le head de votre HTML. Les aperçus en direct du SERP de Google et de la carte sociale montrent comment la page apparaîtra dans les recherches et lors du partage. Tout est généré dans votre navigateur — rien de votre page n'est envoyé.

Qu'est-ce que Générateur de balises meta ?

Le Générateur de balises meta est un outil en ligne gratuit qui transforme quelques informations de page en un ensemble complet de balises meta HTML : les balises SEO standard (title, meta description, lien canonique), les balises Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) et les balises Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Les spécialistes du marketing, les blogueurs et les développeurs l'utilisent au lancement d'une page ou d'un article pour contrôler son apparence dans les résultats de Google et la façon dont son lien se déploie sur Facebook, LinkedIn, X/Twitter, Slack et Discord. Choisissez l'og:type (website, article, product, profile ou video.other) et le style twitter:card (summary, summary_large_image, app ou player), et l'outil n'écrit que les lignes des champs que vous renseignez. Il produit de simples balises HTML — il n'explore pas votre site et ne lit pas la page à votre place.

Comment utiliser Générateur de balises meta

  1. Saisissez le titre de votre page — il devient les balises <title>, og:title et twitter:title.
  2. Rédigez une méta-description (environ 150–160 caractères) pour les balises description, og:description et twitter:description.
  3. Saisissez l'URL canonique de la page et une URL d'image absolue pour l'aperçu du lien.
  4. Ajoutez le nom de votre site et choisissez l'og:type et le twitter:card dans les menus déroulants.
  5. Copiez le bloc HTML généré depuis la zone de sortie et collez-le dans le <head> de votre page.
  6. Utilisez les aperçus du SERP de Google et de la carte sociale pour vérifier le rendu avant la publication.

Exemples

Balises d'un article de blog

Entrée

Titre: How to Bake Sourdough
Description: A beginner's guide to baking sourdough bread at home.
URL: https://blog.example.com/sourdough
og:type: article

Sortie

<title>How to Bake Sourdough</title>
<meta name="description" content="A beginner's guide to baking sourdough bread at home." />
<link rel="canonical" href="https://blog.example.com/sourdough" />
<meta property="og:title" content="How to Bake Sourdough" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />

Carte sociale avec grande image

Entrée

Image: https://example.com/og.png
twitter:card: summary_large_image

Sortie

<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og.png" />

Les caractères spéciaux sont échappés

Entrée

Titre: Tips & Tricks for "Pros"

Sortie

<title>Tips &amp; Tricks for &quot;Pros&quot;</title>

Questions fréquentes

Quelles balises meta cet outil génère-t-il ?
Il produit des balises SEO standard (<title>, méta-description et un lien canonique), des balises Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) et des balises Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Seules les lignes des champs que vous renseignez sont incluses, vous n'obtenez donc jamais de balises d'espace réservé vides.
Quelle est la différence entre og:type et twitter:card ?
og:type indique aux plateformes quel type d'objet est la page — website, article, product, profile ou video.other —, ce qui influence la façon dont le lien se déploie. twitter:card choisit la mise en page sur X/Twitter : summary est une petite vignette, summary_large_image affiche une grande image de type bannière, tandis qu'app et player sont destinés aux applications et aux médias. Choisissez la combinaison qui correspond à votre contenu.
L'URL de l'image doit-elle être absolue ?
Oui. og:image et twitter:image doivent être des URL absolues complètes commençant par https:// car les robots les récupèrent depuis l'extérieur de votre site — un chemin relatif comme /og.png ne se chargera pas. Pour de meilleurs résultats, utilisez une image 1200×630 pour les grandes cartes.
Cet outil explore-t-il ou lit-il ma page en ligne ?
Non. Il met seulement en forme les valeurs que vous saisissez en balises meta HTML. Il ne récupère, n'explore ni n'analyse aucune URL — l'URL canonique et l'URL de l'image sont écrites telles quelles dans les balises, sans être visitées.
Mes données sont-elles envoyées à un serveur ?
Non. Les balises sont entièrement créées dans votre navigateur avec JavaScript. Rien de ce que vous saisissez — y compris les titres, URL ou descriptions non publiés — n'est envoyé, stocké ni transmis où que ce soit, son utilisation est donc sûre sur des pages privées ou avant lancement.

Outils connexes

Générateur de balises hreflang

Génère des balises link hreflang pour une page multilingue à partir d'une liste de paires langue-URL, avec un x-default facultatif et une balise autoréférente.

Générateur de JSON-LD

Générez des données structurées JSON-LD valides pour les schémas Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList et Organization à partir d'un simple formulaire.

Vérificateur de densité de mots-clés

Analysez n'importe quel texte pour compter la fréquence des mots et la densité de mots-clés sous forme d'expressions de 1, 2 ou 3 mots, avec une alerte de suroptimisation.

Aperçu Open Graph et carte sociale

Prévisualisez la façon dont un lien se déploie en carte sociale sur X, LinkedIn, Slack, Discord et Facebook à partir d'un titre, d'une description, d'une URL d'image et d'une URL de page.