Générateur de balises Meta
Un compagnon plus long au générateur de balises Meta rapide, cet outil produit le kit complet : balises SEO principales, Open Graph avec variantes par locale, Twitter Card avec support de lien profond pour les applications, ensemble d’icônes (ico, svg, apple-touch-icon, mask-icon), lien de manifeste PWA, couleur de thème pour les schémas clairs et sombres, et un bloc JSON-LD optionnel pour le schéma Article, Produit, Recette, FAQ ou Événement. Utile lors de la création d’un nouveau site et lorsque vous souhaitez obtenir le <head> correct dès le départ.
Comment construire l'ensemble complet de balises meta
-
1
Remplir les champs principaux
Titre, description, canonique, nom du site, image par défaut.
-
2
Ajouter des remplacements spécifiques aux réseaux sociaux
Titre ou description différents pour Open Graph ou Twitter si nécessaire.
-
3
Configurer les icônes et PWA
Chemins des favicons, icône Apple touch, manifeste, couleur de thème pour clair/sombre.
-
4
Choisir le type Schema.org
Article, Produit, Recette, Événement, FAQ, Organisation. Remplit JSON-LD avec vos entrées.
-
5
Copier l'extrait complet
Collez entre `<head>...</head>`.
Le kit complet
- SEO principal :
<title>,description,canonical,viewport,robots,author,charset. - Open Graph :
og:type,og:title,og:description,og:image(avec largeur/hauteur),og:url,og:site_name,og:locale,og:locale:alternatepour les traductions. - Twitter Card :
twitter:card,twitter:site,twitter:creator,twitter:title,twitter:description,twitter:image,twitter:app:*pour le lien profond vers une application native. - Icônes : favicon multi-format (
.icopour l’héritage,.svgpour le moderne, icône Apple touch à 180×180, icône de masque pour les onglets épinglés Safari). - PWA : lien
manifest.json,theme-colorpour clair et sombre,apple-mobile-web-app-capable. - JSON-LD : données structurées Schema.org pour le type de contenu.
Modèles JSON-LD par schéma
Article
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "...",
"author": { "@type": "Person", "name": "..." },
"datePublished": "2026-04-18",
"dateModified": "2026-04-18",
"image": "https://..."
}
Produit
{
"@context": "https://schema.org",
"@type": "Product",
"name": "...",
"image": "https://...",
"brand": { "@type": "Brand", "name": "..." },
"offers": {
"@type": "Offer",
"price": "29.99",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
}
}
FAQPage
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "...",
"acceptedAnswer": { "@type": "Answer", "text": "..." }
}]
}
Quand utiliser chaque type Schema.org
| Type de contenu | Schéma |
|---|---|
| Article de blog, actualité | Article / NewsArticle |
| Page produit | Product + Offer |
| Recette | Recipe |
| Événement (concert, webinaire) | Event |
| Personne (page auteur) | Person |
| Page entreprise | Organization |
| FAQ | FAQPage |
| Navigation par fil d’Ariane | BreadcrumbList |
| Entreprise locale | LocalBusiness |
Validation
Après avoir collé, validez le <head> complet :
- Test des résultats enrichis (Google) pour l’éligibilité JSON-LD.
- Validateur de balisage Schema pour la correction Schema.org.
- Débogueur de partage Facebook pour l’aperçu Open Graph.
- Validateur de carte Twitter pour l’aperçu Twitter.
- Lighthouse (Chrome DevTools → Lighthouse) pour un audit global.
Questions fréquentes
Pas directement. JSON-LD ne booste pas les classements. Il permet l’affichage de résultats enrichis (étoiles, accordéon FAQ, prix et stock) qui peuvent améliorer le taux de clics. Un meilleur CTR aide indirectement.
Oui. Modèle courant : un BreadcrumbList et un Article (ou Product). Gardez chaque bloc concentré sur un type de schéma plutôt que de mélanger.
Twitter revient effectivement, mais vous pourriez vouloir un rapport d’aspect d’image différent ou un identifiant de créateur que OG ne prend pas en charge. Définissez les balises spécifiques à Twitter uniquement là où elles diffèrent de OG.
Non. Elle colore le chrome du navigateur sur Android Chrome et iOS Safari (lorsqu’elle est ajoutée à l’écran d’accueil). Les navigateurs de bureau l’ignorent.
Non, le générateur fonctionne entièrement dans votre navigateur. Toutes vos entrées restent locales.
Outils similaires
Vérificateur de longueur de méta description
Mesurez une méta description en caractères et en pixels estimés, comparez des repères éditoriaux et examinez des maquettes pour ordinateur et mobile.
Simulateur de SERP Google
Prévisualisez un snippet approximatif de style Google avec des limites de caractères sur mobile et ordinateur. Votre brouillon reste dans cette session du navigateur.
Vérificateur d'URL canonique
Collez le HTML d'une page et vérifiez sa balise rel=canonical : est-elle présente, est-ce une URL absolue valide, correspond-elle à l'URL de la page ?
Validateur de sitemap XML
Vérifiez dans votre navigateur les erreurs de syntaxe, les URL absentes ou dupliquées et les valeurs courantes d'un sitemap XML.
Compteur de fréquence des mots
Repérez les mots les plus répétés dans un texte avec leurs occurrences et leur densité. Utile pour la relecture, le SEO et les audits de contenu.
Vérificateur d’en-têtes de sécurité HTTP
Collez des en-têtes de réponse HTTP et examinez localement HSTS, CSP, le cadrage, MIME, la politique de référent et les règles cross-origin.
Outil disponible dans d’autres langues
- Meta-tagg-generator [SV]
- مولّد وسوم Meta [AR]
- Trình tạo thẻ Meta [VI]
- Generator Meta Tag [ID]
- 메타 태그 생성기 [KO]
- Meta-taggenerator [NL]
- Meta Tags Generator [DE]
- ตัวสร้าง Meta Tag [TH]
- Generator metatagów [PL]
- Generador de Meta Tags [ES]
- Gerador de Meta Tags [PT]
- メタタグジェネレーター [JA]
- Meta Tags Generator [EN]
- Generatore di Meta Tag [IT]
- Генератор метатегов [RU]
- Meta Etiket Oluşturucu [TR]
- 元标签生成器 [ZH]