Créer les balises d’une nouvelle page
Obtenir un head complet sans oublier og:image ou la canonical.
Générateur de balises meta
Générez localement un bloc complet de balises title, description, canonical, robots, Open Graph et Twitter/X prêt à intégrer dans votre page.
- Presse-papiers
Titre de la page
Longueur du titre
0
Longueur de la description
0
Code généré
Cet outil vous a-t-il été utile ?
Comment fonctionne cet outil ?
Ce générateur produit en une fois le bloc de balises du <head> d’une page : title, meta description, robots, canonical, puis les balises Open Graph lues par Facebook, LinkedIn ou WhatsApp et les balises Twitter/X Cards. Il échappe les caractères spéciaux et affiche la longueur du titre et de la description, pour un code propre à coller dans un template.
Le titre et la description sont obligatoires : ils alimentent à la fois la balise <title>, la meta description, og:title, og:description, twitter:title et twitter:description.
Les caractères &, ", < et > sont convertis en entités HTML : un titre qui contient des guillemets ne casse pas l’attribut content.
Les champs facultatifs vides ne génèrent aucune balise. L’URL canonique sert aussi d’og:url ; l’URL de l’image sociale alimente og:image et twitter:image ; og:type vaut toujours website.
Le code est organisé en trois blocs séparés par une ligne vide : balises de base, Open Graph, puis Twitter/X.
Comment utiliser cet outil ?
Saisissez le titre et la description
Les compteurs Longueur du titre et Longueur de la description se mettent à jour.
Ajoutez l’URL canonique et l’image sociale
Utilisez des URL absolues ; l’image idéale mesure 1 200 × 630 px.
Réglez les options
Directives robots, carte Twitter/X, compte du site, locale Open Graph et couleur du thème.
Générez et copiez
Cliquez sur Générer les balises et collez le code généré dans le <head>.
Cas d'utilisation
Améliorer le partage sur les réseaux sociaux
Contrôler le titre, le résumé et l’image affichés quand un lien est partagé sur LinkedIn, Facebook ou X.
Compléter un site statique
Ajouter des métadonnées à une page HTML écrite à la main ou à un modèle sans extension SEO.
Exemples
Fiche produit prête pour le partage
Un même titre et une même description alimentent les trois familles de balises ; l’URL canonique est reprise dans og:url et l’image dans og:image et twitter:image.
Entrée
Titre de la page : Gourde inox 750 ml isotherme | Trek
Description : Gourde double paroi : 24 h au frais, 12 h au chaud. Sans BPA, livraison offerte dès 30 €.
URL canonique : https://example.com/gourdes/inox-750
Directives robots : index, follow
Nom du site : Trek
URL de l’image sociale : https://example.com/img/gourde-inox.jpg
Carte Twitter/X : summary_large_image
Compte Twitter/X du site : @trek
Locale Open Graph : fr_FRRésultat
Longueur du titre : 35 · Longueur de la description : 89
<title>Gourde inox 750 ml isotherme | Trek</title>
<meta name="description" content="Gourde double paroi : 24 h au frais, 12 h au chaud. Sans BPA, livraison offerte dès 30 €.">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#4f46e5">
<link rel="canonical" href="https://example.com/gourdes/inox-750">
<meta property="og:title" content="Gourde inox 750 ml isotherme | Trek">
<meta property="og:description" content="Gourde double paroi : 24 h au frais, 12 h au chaud. Sans BPA, livraison offerte dès 30 €.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/gourdes/inox-750">
<meta property="og:site_name" content="Trek">
<meta property="og:locale" content="fr_FR">
<meta property="og:image" content="https://example.com/img/gourde-inox.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Gourde inox 750 ml isotherme | Trek">
<meta name="twitter:description" content="Gourde double paroi : 24 h au frais, 12 h au chaud. Sans BPA, livraison offerte dès 30 €.">
<meta name="twitter:site" content="@trek">
<meta name="twitter:image" content="https://example.com/img/gourde-inox.jpg">Conseils et bonnes pratiques
- Pour og:image, prévoyez une image d’au moins 1 200 × 630 px et une URL absolue en https ; une URL relative n’est pas lue par les réseaux sociaux.
- La carte summary_large_image affiche une grande image sous le lien ; summary, une vignette carrée à côté du texte.
- La locale Open Graph s’écrit avec un trait de soulignement (fr_FR), contrairement à l’attribut lang du HTML (fr-FR).
- La couleur du thème est utilisée par certains navigateurs mobiles pour teinter la barre d’adresse.
Sources et références
- HTML Living Standard (s’ouvre dans un nouvel onglet), WHATWGPage en anglais
Questions fréquentes
Les balises Open Graph comptent-elles pour le SEO ?
Pas directement pour le classement. Elles déterminent l’aperçu d’un lien partagé sur les réseaux sociaux et dans les messageries, ce qui influence les clics et donc la visibilité de la page.
Faut-il garder les balises twitter: si les balises og: sont présentes ?
X lit les balises Open Graph en secours, mais twitter:card est indispensable pour choisir le format de carte. L’outil génère donc les deux familles.
Pourquoi og:type vaut-il toujours website ?
C’est la valeur adaptée à la plupart des pages. Pour un article de blog, vous pouvez remplacer website par article dans le code généré.
Où coller le code généré ?
Dans la section <head> de la page, avant la fermeture </head>. Dans un CMS, utilisez le champ prévu pour le code d’en-tête ou les réglages SEO du modèle.
Mes données sont-elles envoyées à un serveur ?
Non. Les balises sont générées dans votre navigateur.
Outils associés
Continuez avec ces outils
Des outils similaires ou complémentaires à celui-ci.
Outils similaires
Prévisualisez un résultat de recherche à partir du title et de la meta description.
Web & SEOMis en avantUtiliser l’outil
Analysez localement les principaux signaux SEO d’un code HTML.
Web & SEOMis en avantUtiliser l’outil
Créez des données structurées JSON-LD prêtes à intégrer dans une page Web.
Web & SEOUtiliser l’outil
À lire aussi
GuideBonnes pratiquesDébutant
Title, meta description, canonical et Open Graph : bien renseigner les métadonnées d’une page
Comprenez le rôle des principales métadonnées d’une page Web, ce qu’elles influencent réellement et comment éviter les titres, descriptions, canonical et balises sociales incohérents.
29 août 20264 min
GuideBonnes pratiquesDébutant
Checklist SEO technique avant de publier une page Web
Passez en revue URL, indexation, title, meta description, canonical, robots, données structurées, images, maillage interne et responsive avant de mettre une page en ligne.
29 août 20266 min
GuideBonnes pratiquesDébutant
SEO technique : comprendre comment les moteurs explorent et interprètent une page
Comprenez les bases du SEO technique : exploration, indexation, URL canonique, métadonnées, données structurées, performance et maillage interne, sans confondre optimisation et promesse de classement.
29 août 20266 min
GuideBonnes pratiquesDébutant
Créer des URLs propres : slugs, paramètres et normalisation
Apprenez à concevoir des URLs stables et lisibles, à générer des slugs cohérents, à gérer les paramètres de requête et à éviter les variantes inutiles qui compliquent le SEO technique.
29 août 20264 min