Générateur de balises Meta

Tags générés
Suivant

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. 1

    Remplir les champs principaux

    Titre, description, canonique, nom du site, image par défaut.

  2. 2

    Ajouter des remplacements spécifiques aux réseaux sociaux

    Titre ou description différents pour Open Graph ou Twitter si nécessaire.

  3. 3

    Configurer les icônes et PWA

    Chemins des favicons, icône Apple touch, manifeste, couleur de thème pour clair/sombre.

  4. 4

    Choisir le type Schema.org

    Article, Produit, Recette, Événement, FAQ, Organisation. Remplit JSON-LD avec vos entrées.

  5. 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:alternate pour 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 (.ico pour l’héritage, .svg pour le moderne, icône Apple touch à 180×180, icône de masque pour les onglets épinglés Safari).
  • PWA : lien manifest.json, theme-color pour 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

Outil disponible dans d’autres langues