Générateur de Balises Meta HTML

Générateur de Balises Meta HTML

Générez des balises meta HTML complètes en quelques secondes : title, description, robots, canonical, Open Graph et Twitter Cards. Code HTML prêt à...

Mis à jour mai 2026

Vérifié par Rafael Duarte

0/60
0/160
Aperçu du code
<!-- Primary Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-language" content="en">
<meta name="robots" content="index, follow">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
Aperçu SERP

https://example.com/your-page

Titre de la page

Votre meta description apparaîtra ici…

Comment générer vos balises meta

Title, meta description, Open Graph et Twitter Cards en un seul bloc HTML

1. Remplissez l'onglet SEO

Saisissez la balise title, la meta description, l'URL canonique et la directive robots. Les compteurs passent à l'orange puis au rouge à l'approche de 60 et 160 caractères.

2. Complétez Open Graph et Twitter Card

Les champs sociaux laissés vides reprennent automatiquement le titre, la description et l'URL saisis à l'étape précédente.

3. Copiez le code dans le <head>

Le HTML se met à jour à chaque frappe : copiez-le ou téléchargez-le en fichier meta-tags.html, puis collez-le dans la section <head> de votre page.

Ce que fait ce générateur de balises meta

Les balises SEO et réseaux sociaux dont une page a réellement besoin

Balises SEO essentielles

Title, meta description, robots (index/noindex, follow/nofollow), canonical, auteur et, si vous y tenez, meta keywords.

Balises Open Graph

og:type (website, article, product, profile), og:url, og:title, og:description et og:image pour l'aperçu sur Facebook, LinkedIn ou WhatsApp.

Twitter Cards (X)

twitter:card, title, description, image et compte @site, avec repli automatique sur les valeurs Open Graph.

Héritage entre les champs

Pas besoin de saisir trois fois le même texte : og:title reprend le title, twitter:title reprend og:title, twitter:image reprend og:image.

Balises techniques

Charset (UTF-8 par défaut), viewport, theme-color avec sélecteur de couleur et langue du contenu.

Aperçu SERP indicatif

Un aperçu simplifié du résultat Google, coupé à 60 caractères pour le titre et 160 pour la description — une estimation, pas une mesure en pixels.

Les balises meta, de la plus utile à la plus inutile

Balise
Rôle et importance
<title> (≈ 50 à 60 caractères)
Signal fort : Google s'en sert souvent comme lien de titre dans les résultats
meta description (≈ 150 à 160 caractères)
Pas un facteur de classement, mais elle peut être reprise comme extrait et influencer le clic
meta viewport
Indispensable sur mobile : indique au navigateur d'adapter la page à la largeur de l'écran
og:image (1200 × 630 px)
Contrôle l'image affichée quand le lien est partagé sur les réseaux sociaux
meta keywords
Ignorée par Google, sans effet sur l'indexation ni le classement

Quand utiliser le générateur

Des situations concrètes, du lancement de site à l'audit

Mise en ligne d'une nouvelle page

Préparez le bloc <head> complet d'une landing page ou d'un article avant publication, sans oublier la canonical ni l'og:image.

Réécriture des titles d'un site

Testez plusieurs formulations de title et de meta description en surveillant les compteurs de caractères.

Aperçu propre sur LinkedIn et WhatsApp

Un lien partagé sans og:image s'affiche sans visuel ou avec une image prise au hasard sur la page : définissez-la explicitement.

Gestion du contenu dupliqué

Déclarez l'URL canonique d'une fiche produit accessible avec plusieurs paramètres (tri, filtres, suivi de campagne).

Page à ne pas indexer

Page de remerciement, espace de test ou mentions internes : choisissez « noindex, follow » ou « noindex, nofollow » dans le menu Robots.

Site statique ou template sans CMS

Sans Yoast ni Rank Math pour générer les balises, copiez le bloc HTML directement dans votre gabarit.

Erreurs fréquentes avec les balises meta

Mettre des guillemets droits dans un champ

Le générateur n'échappe pas les guillemets : un title comme Le « vrai » prix passe, mais Le "vrai" prix ferme l'attribut content trop tôt et casse la balise. Utilisez les guillemets français « » ou des apostrophes.

Un title trop long

Au-delà d'environ 60 caractères, Google risque de tronquer le titre. Placez le mot-clé principal et la promesse au début, le nom de la marque à la fin.

La même meta description sur toutes les pages

Google recommande une description propre à chaque page. Une description générique dupliquée a de fortes chances d'être remplacée par un extrait tiré du contenu.

Compter sur la balise de langue pour le référencement international

Google détermine la langue d'une page à partir de son texte, pas des annotations comme lang ou content-language. Pour un site multilingue, ce sont les balises hreflang qui comptent — le générateur ne les produit pas.

Pourquoi utiliser cet outil

Un seul formulaire couvre les trois familles de balises — SEO, Open Graph et Twitter Card — et l'héritage automatique entre les champs garantit que Google et les réseaux sociaux affichent un message cohérent sans que vous ayez à tout ressaisir.

Le code s'actualise en direct, avec coloration syntaxique, et se copie en un clic (ou avec Maj+Entrée hors d'un champ de saisie). Les valeurs par défaut sont saines : UTF-8, viewport responsive et « index, follow ».

Tout se passe dans votre navigateur : aucun compte, aucune installation, et le contenu saisi n'est envoyé à aucun serveur. Pratique pour préparer les balises d'une page encore confidentielle.

Open Graph ou Twitter Card ?

Deux protocoles, un seul bloc de code

Open Graph
Twitter Card
Créé par
Facebook (Meta)
Twitter (aujourd'hui X)
Lu par
Facebook, LinkedIn, WhatsApp, Slack, Discord…
X principalement
Si une seule est présente
X se replie sur og:title, og:description et og:image
Les autres plateformes n'en tiennent généralement pas compte

Questions fréquentes

Visez 50 à 60 caractères. Google ne fixe pas de limite en caractères : il tronque selon la largeur disponible à l'écran, donc un titre plein de lettres larges peut être coupé plus tôt. L'essentiel est que le début du titre soit compréhensible à lui seul.

Références

Article associé

Subdomínio vs subdiretório: qual estrutura prejudica menos seu SEO

Outils connexes