Générateur de balises meta
Générez des balises meta SEO, Open Graph, article et Twitter Card avec des compteurs de longueur en direct pour le titre et la description et des options robots, theme-color et auteur.
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é. Des compteurs en direct comparent votre titre et votre description aux longueurs recommandées, des champs optionnels ajoutent des balises robots, viewport, charset, theme-color et auteur ainsi que des balises Open Graph propres aux articles, et l’outil lit l’URL de votre image pour signaler une image d’aperçu manquante ou de taille anormale.
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. Des compteurs en direct signalent lorsque le titre (environ 60 caractères) ou la description (environ 160) devient trop long, et l’outil charge l’URL de votre image pour lire sa taille réelle en pixels et signaler une image manquante ou trop grande/petite. Des champs optionnels ajoutent une directive robots, des balises viewport et charset UTF-8, une theme-color et un auteur, ainsi que article:published_time, article:author et article:section lorsque og:type vaut article.
Comment utiliser Générateur de balises meta
- Saisissez le titre de votre page — il devient les balises <title>, og:title et twitter:title.
- Rédigez une méta-description (environ 150–160 caractères) pour les balises description, og:description et twitter:description.
- Saisissez l'URL canonique de la page et une URL d'image absolue pour l'aperçu du lien.
- Ajoutez le nom de votre site et choisissez l'og:type et le twitter:card dans les menus déroulants.
- Copiez le bloc HTML généré depuis la zone de sortie et collez-le dans le <head> de votre page.
- Utilisez les aperçus du SERP de Google et de la carte sociale pour vérifier le rendu avant la publication.
- Surveillez les compteurs de longueur en direct du titre et de la description, et ouvrez les options ⚙ pour ajouter des balises robots, viewport, charset, theme-color, auteur ou d’article.
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 & Tricks for "Pros"</title>
Article avec balises robots et d’article
Entrée
Titre: How to Bake Sourdough og:type: article Robots: index, follow article:published_time: 2024-05-01T09:00 article:section: Food
Sortie
<meta name="robots" content="index, follow" /> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2024-05-01T09:00" /> <meta property="article:section" content="Food" />
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.
- Quelle longueur doivent avoir le titre et la description ?
- Visez environ 60 caractères ou moins pour le titre et à peu près 120–160 pour la description ; les moteurs de recherche tronquent les textes plus longs. L’outil affiche pour chacun un compteur en direct qui passe d’un état correct à un avertissement dès que vous dépassez la longueur recommandée.
- Quelles balises meta supplémentaires puis-je ajouter et comment fonctionnent les avertissements d’image ?
- Ouvrez les options ⚙ pour ajouter une directive robots (préréglages index/follow), une balise viewport, une balise charset UTF-8, une theme-color et un auteur ; lorsque og:type vaut article, vous pouvez aussi ajouter article:published_time, article:author et article:section. L’outil charge également l’URL de votre image dans le navigateur pour afficher sa taille réelle en pixels et avertir si elle est absente ou très éloignée du 1200×630 recommandé.
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 la fréquence des mots et la densité de mots-clés pour des expressions de 1, 2 ou 3 mots, avec filtre de mots vides et recherche de mot-clé cible.
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.