Développement

Générateur de balises meta et Open Graph

Renseignez votre page et copiez les balises title, description, canonical, robots, Open Graph et Twitter Card. Rien n’est envoyé ni chargé : tout se passe dans votre navigateur.

Informations de la page

23 / 60 caractères : longueur correcte

86 / 160 caractères : longueur correcte

L’adresse officielle de la page, avec https://.

Ajoutez lang="fr" sur la balise <html>.

Colore la barre du navigateur sur mobile.

Texte uniquement : l’image n’est pas chargée par l’outil.

Type Open Graph
Twitter Card
Indexation (robots)
Liens (robots)

Code à coller

Aperçus

Résultat Google (approximation)

Mon sitewww.example.com › ma-page

Mon super titre de page

Une description claire de la page, en une ou deux phrases, qui donne envie de cliquer.

Les moteurs coupent selon la largeur en pixels : 60 et 160 caractères sont des repères.

Carte sur les réseaux sociaux (maquette)

Image Open Graphhttps://www.example.com/images/og.jpg(Image non chargée par l’outil)

example.com

Mon super titre de page

Une description claire de la page, en une ou deux phrases, qui donne envie de cliquer.

Le générateur de balises meta produit le code à coller dans le head d’une page : title, meta description, URL canonique, robots, couleur du thème, balises Open Graph (og:type, og:title, og:image…) et Twitter Card. Des compteurs comparent la longueur du titre à 60 caractères et de la description à 160, avec un aperçu approximatif du résultat Google et une maquette de carte sur les réseaux sociaux. Les valeurs sont échappées pour le HTML et rien n’est envoyé ni chargé : l’image Open Graph reste une simple URL.

Questions fréquentes

Quelle longueur pour la balise title et la meta description ?

Google coupe les titres selon leur largeur en pixels, ce qui correspond à environ 60 caractères, et les descriptions à environ 155-160 caractères. Ce sont des repères et non des limites strictes : un titre plus long reste valide, mais il peut être tronqué dans les résultats.

À quoi sert la balise canonical ?

Elle indique aux moteurs de recherche l’adresse officielle d’une page quand son contenu est accessible par plusieurs URL (paramètres, www ou non, http ou https). Elle doit être une URL absolue, avec le protocole.

Que font index, noindex, follow et nofollow ?

La balise robots donne des consignes aux moteurs : noindex demande de ne pas afficher la page dans les résultats, nofollow de ne pas suivre les liens qu’elle contient. Par défaut, « index, follow » est le comportement normal.

Quelle est la différence entre Open Graph et Twitter Card ?

Open Graph (og:*) est le format utilisé par Facebook, LinkedIn et beaucoup d’autres services pour afficher un aperçu d’un lien. Twitter Card (twitter:*) est celui de X : la carte « summary » affiche une petite image, « summary_large_image » une grande. Si des balises twitter:* manquent, X peut se rabattre sur les balises Open Graph.

Quelle taille d’image choisir pour og:image ?

Une image au ratio d’environ 1,91:1, par exemple 1200 × 630 pixels, est le format le plus courant pour les grandes cartes. L’outil n’ouvre pas l’image : saisissez simplement son URL absolue et vérifiez-la avec l’outil de débogage de la plateforme concernée.

Articles liés

Autres outils