tigtools

Générateur de balises meta

Remplissez le formulaire et copiez un bloc de balises meta propre et correctement échappé à placer dans l’élément head de votre page.

Fonctionne dans votre navigateur Sans inscription

Balises de base

0 caractères

0 caractères

L’adresse de référence de cette page, par exemple sans paramètres de suivi.

Indexation par les moteurs de recherche

« index, follow » est la valeur par défaut : aucune balise robots n’est ajoutée, sauf si vous modifiez l’une de ces options.

Utilisée par certains navigateurs mobiles pour teinter la barre d’adresse. HEX, par exemple #0b5d1e.

Open Graph (aperçus des liens)

Laissez ce champ vide pour reprendre le titre et la description ci-dessus.

Laissez ce champ vide pour reprendre l’URL canonique.

Langue et territoire séparés par un trait de soulignement, par exemple en_US ou de_DE.

  • Ajoutez un titre : chaque page doit en avoir un.
  • Aucune méta-description : les moteurs de recherche choisiront un extrait de la page.
  • Une carte avec grande image nécessite og:image ; sinon, les applications afficheront une carte sans image.

Mode d’emploi

  1. Saisissez le titre de la page et une description d’une ou deux phrases.
  2. Ajoutez l’URL canonique et choisissez si les moteurs de recherche peuvent indexer la page et suivre ses liens.
  3. Renseignez l’image Open Graph et les champs qui doivent différer du titre et de la description, puis choisissez un type de Twitter Card.
  4. Copiez le code HTML généré ou téléchargez-le, puis collez-le dans l’élément <head> de votre page.

Fonctionnement

Le générateur n’écrit que les balises nécessaires. Toutes les valeurs sont échappées en HTML (& < > " et ' sont convertis en entités), afin qu’un titre contenant des guillemets ou des chevrons ne puisse pas casser le balisage.

Rôle de chaque balise : charset indique au navigateur l’encodage du texte et doit figurer en premier dans l’élément head ; viewport adapte la mise en page à la largeur de l’appareil sur les téléphones ; le titre apparaît dans les onglets du navigateur et les résultats de recherche ; la meta description peut être utilisée comme extrait dans les résultats de recherche, mais n’influence pas le classement ; le lien canonical indique aux moteurs de recherche quelle URL est la version principale d’une page en doublon ; robots avec noindex exclut une page des résultats de recherche, et nofollow demande aux robots d’exploration de ne pas suivre ses liens. Une balise robots ne fonctionne que si les robots peuvent accéder à la page ; ne bloquez donc pas également son accès dans robots.txt.

Les balises Open Graph (og:…) contrôlent les aperçus de liens dans de nombreuses applications de réseaux sociaux et de messagerie. Si og:title, og:description ou og:url sont vides, l’outil réutilise le titre, la description et l’URL canonique. Les plateformes qui lisent les balises Twitter Card utilisent les valeurs Open Graph pour le titre, la description et l’image si celles-ci sont absentes ; seule twitter:card est donc générée.

Exemples

Article de blog

Le titre, la description, l’URL canonique et une og:image de 1200×630, ainsi que summary_large_image, génèrent une dizaine de lignes couvrant les résultats de recherche et les aperçus de liens.

Page de remerciement exclue des résultats de recherche

Décochez « Autoriser l’indexation » pour ajouter <meta name="robots" content="noindex, follow">. La page reste accessible aux visiteurs, mais ne devrait pas apparaître dans les résultats de recherche.

Un titre avec des guillemets

Le titre Ask "Anything" & <Learn> est écrit sous la forme Ask &quot;Anything&quot; &amp; &lt;Learn&gt;, que les navigateurs affichent exactement comme il a été saisi.

Foire aux questions

La balise meta keywords améliore-t-elle le SEO ?

Non. Les principaux moteurs de recherche ignorent depuis de nombreuses années les meta keywords pour le classement. Ce générateur ne les inclut donc pas.

Faut-il utiliser à la fois Open Graph et les balises Twitter Card ?

En général, seule twitter:card est nécessaire en plus d’Open Graph, car le titre, la description et l’image reprennent les valeurs og: si elles sont disponibles.

Où placer ces balises ?

Dans l’élément <head> de chaque page. Avec des frameworks comme Next.js, les thèmes WordPress ou les générateurs de sites statiques, utilisez leurs paramètres de métadonnées pour générer les mêmes balises.

Chaque page devrait-elle avoir une balise canonical ?

C’est une bonne pratique, en particulier lorsque le même contenu est accessible depuis plusieurs URL (paramètres de suivi, options de tri, http et https). Une page peut définir son URL canonique comme étant elle-même.

Confidentialité

Les balises sont générées dans votre navigateur. Aucune des informations saisies n’est envoyée ni enregistrée.