Générateur de balises meta

Comment ça marche

Écrivez à gauche le titre de la page, par exemple « Confiture de prunes maison — peu sucrée, bien prise ». Dans « Description », résumez la page en une ou deux phrases, entre 70 et 160 caractères. Ajoutez l'adresse complète de la page (https://www.example.com/confiture-de-prunes) : elle devient la balise canonical et og:url. Si vous écrivez www.example.com sans https://, le préfixe est ajouté. Pour l'image de partage, donnez une adresse complète ; un chemin relatif comme /img/couverture.jpg est complété à partir de l'adresse de la page, et la note le signale. Une recette ou un billet de blog prend « Article », une page d'accueil ou de produit « Site web ». Le résultat contient <title>, meta description, robots, canonical, les balises og:* et les balises twitter:*. La balise og:locale vaut fr_FR, d'après la langue de cette page. Les guillemets, & et < dans le titre sont échappés : « Prunes & Co » ne casse pas la balise. Collez le tout dans le <head> de la page. Dans WordPress, les extensions Yoast et Rank Math écrivent déjà ces balises : remplissez plutôt leurs champs pour éviter les doublons. La balise meta keywords n'est pas produite, car Google ne la lit pas.

Cet outil est aussi connu sous le nom de balise meta description, balises open graph, og:image taille, meta title seo.

Qu'est-ce que Balise meta description ?

La balise <meta name="description"> contient un résumé de la page. Google l'affiche souvent sous le titre dans les résultats, mais il peut la remplacer par un extrait de la page qu'il juge plus proche de la recherche. Elle n'influence pas directement le classement ; elle joue sur le nombre de clics. Chaque page doit avoir sa propre description, différente des autres.

Qu'est-ce que Open Graph ?

Open Graph est un protocole créé par Facebook : des balises <meta property="og:…"> qui indiquent le titre, la description, l'image et l'adresse à afficher quand une page est partagée. WhatsApp, LinkedIn et beaucoup d'autres services les lisent aussi. X lit ses propres balises twitter:*, et utilise les balises og:* quand elles manquent.

Quelle différence entre la balise title et la balise og:title ?

La balise <title> est le titre de la page pour le navigateur et les moteurs de recherche : elle s'affiche dans l'onglet et, le plus souvent, comme ligne bleue dans les résultats de Google. La balise og:title est le titre utilisé par les réseaux sociaux et les messageries quand quelqu'un partage le lien. Elles portent souvent le même texte, comme dans le code produit ici, mais og:title peut être plus court ou plus accrocheur, sans marque, puisqu'il s'affiche dans une carte avec l'image.

Ce qu'il faut savoir sur les longueurs et les images

Google ne publie pas de limite fixe en caractères pour le titre et la description : les résultats sont coupés selon la largeur en pixels, et Google peut réécrire l'un comme l'autre. Les seuils de 60 et 160 caractères sont des repères pratiques ; au-delà, la note signale que le texte risque d'être coupé, sans l'empêcher.

L'image de partage doit être une adresse absolue (https://…), car Facebook, WhatsApp et X la chargent depuis leurs propres serveurs. La taille courante est 1200×630 pixels, en JPG ou PNG. La plupart des plateformes n'affichent pas les images SVG, et la note le rappelle. Sans image, la carte X est écrite en petit format (summary), puisqu'une grande carte sans image n'a pas de sens.

La balise robots noindex est écrite « noindex, follow » : la page n'apparaît pas dans les résultats, mais ses liens sont suivis. Si la page est aussi bloquée dans robots.txt, Google ne peut pas lire cette balise.

• Titre : environ 60 caractères avant coupure
• Description : environ 160 caractères avant coupure
• og:image : adresse complète, 1200×630, JPG ou PNG
• og:locale pour cette page : fr_FR

Quel réglage pour quelle page ?

Page d'accueil, page de produit ou de service : « Site web ». Billet de blog, actualité, recette, tutoriel : « Article ». Ce type n'a pas d'effet direct sur le classement ; il indique aux réseaux sociaux quel genre de contenu est partagé.

Carte X : « Grande image » convient quand vous avez une bonne image horizontale ; « Petite » pour un logo ou une image carrée ; « Aucune » si la page n'est jamais partagée sur X. Robots : gardez « Indexer » pour toute page publique ; choisissez « Ne pas indexer » pour une page de remerciement après un formulaire, un brouillon, un résultat de recherche interne ou un espace client.

L'adresse de la page devient la balise canonical : si la même page est accessible par plusieurs adresses (avec ou sans www, avec des paramètres de suivi), écrivez toujours l'adresse principale.

Questions fréquentes

Quelle longueur pour la meta description ?

Visez entre 70 et 160 caractères. Google ne publie pas de limite exacte et coupe selon la largeur en pixels ; au-delà d'environ 160 caractères, la fin risque d'être remplacée par des points de suspension. La note affiche le nombre de caractères de la description et du titre.

Quelle taille pour l'image Open Graph ?

La taille la plus utilisée est 1200×630 pixels, en JPG ou PNG, soit un rapport d'environ 1,91:1. L'adresse doit être complète (https://…). Une image SVG n'est pas affichée par la plupart des plateformes.

J'utilise Yoast ou Rank Math : faut-il ajouter ces balises ?

Non, pas en double. Ces extensions WordPress écrivent déjà title, description, Open Graph et carte X. Utilisez cette page pour préparer et vérifier les textes, puis collez-les dans les champs de l'extension. Le code généré sert pour un site sans extension de SEO ou une page HTML écrite à la main.

Les textes que je saisis sont-ils envoyés à un serveur ?

Non. Les balises sont produites entièrement dans votre navigateur ; titres, descriptions et adresses ne quittent pas votre appareil et ne sont enregistrés nulle part. Les adresses saisies ne sont pas non plus visitées : seule leur forme est vérifiée.