Web et marketing

Générateur de meta tags

Générez les meta tags SEO, Open Graph et Twitter Card de votre page d'un seul coup. Aperçu en direct, prêt à coller dans votre <head>.

Titre de la page

0/60

Nom du site

Description

0/160

URL canonique

URL de l'image (og:image)

og:type

website article video.movie

twitter:card

summary summary_large_image app player

Pseudo Twitter

Meta tags générés

À quoi servent les meta tags

Les meta tags se trouvent dans le <head> de votre HTML et indiquent aux moteurs de recherche et aux plateformes sociales comment titrer, décrire et illustrer votre page lorsqu'elle apparaît hors de votre site. Le title et la meta description de base contrôlent le snippet dans Google. Les balises Open Graph (la famille og:*) contrôlent les cartes d'aperçu enrichies sur Facebook, LinkedIn, WhatsApp, Slack, Discord et la plupart des autres plateformes — elles lisent OG par défaut. Les balises Twitter Card font la même chose pour X/Twitter. Sans elles, la plateforme prend ce qu'elle peut récupérer, ce qui est rarement ce que vous voulez.

Comment utiliser ce générateur

Remplissez les champs — titre, description, URL canonique de la page, URL absolue de l'image. Choisissez un og:type (utilisez article pour les billets de blog, website pour le reste) et un type de carte Twitter (summary_large_image est la meilleure valeur par défaut pour du contenu avec une image à la une). La zone de sortie se met à jour pendant que vous tapez et affiche les balises exactes à coller entre vos balises <head>. Cliquez sur Copier quand vous êtes prêt, puis collez dans votre template ou votre CMS.

Validez après publication

Ne vous fiez pas qu'à cet aperçu — chaque plateforme met en cache sa propre version des données. Après le déploiement, faites passer l'URL dans le Facebook Sharing Debugger (developers.facebook.com/tools/debug), le Twitter / X Card Validator et le LinkedIn Post Inspector. Ces outils récupèrent la page en direct, vous montrent ce qu'ils ont parsé et vous laissent forcer un rafraîchissement du cache. Validez toujours quand vous changez l'image OG — les caches peuvent garder l'ancienne image plusieurs jours.

Questions fréquentes

Quelle longueur pour le titre et la description ?

Visez moins de 60 caractères pour le titre et 150 à 160 pour la description. Google tronque tout ce qui dépasse avec des points de suspension. Les plateformes sociales sont encore plus drastiques — Twitter affiche environ 70 caractères du titre dans une carte. Les compteurs de caractères au-dessus passent au rouge quand vous dépassez.

Quelle taille pour l'og:image ?

1200×630 est la valeur idéale — elle convient à Facebook, LinkedIn, Slack et à la carte summary_large_image de Twitter sans rognage gênant. Restez sous environ 5 Mo et préférez le JPG ou le PNG. Placez votre contenu le plus important (logo, accroche) bien dans les deux tiers centraux, car certaines plateformes rognent les bords.

Faut-il toujours une meta description pour le SEO ?

Oui — Google la réécrit souvent à partir du corps de la page quand la vôtre ne correspond pas à la requête, mais une description claire et bien rédigée gagne quand même plus de clics dans la majorité des cas, et elle s'affiche telle quelle sur les partages sociaux. Traitez-la comme une accroche publicitaire : commencez par la valeur, évitez le bourrage de mots-clés.

Puis-je omettre les balises Twitter si j'ai Open Graph ?

X/Twitter retombe sur Open Graph pour la plupart des champs, donc une seule balise twitter:card plus votre markup OG suffit en général. Ajouter explicitement twitter:title, twitter:description et twitter:image n'a d'intérêt que si vous voulez une version différente du contenu pour Twitter et pour le reste.

Quelle différence entre les valeurs d'og:type ?

Utilisez article pour les billets de blog et l'actualité ; cela permet à Open Graph de transporter les métadonnées d'auteur, de section et de date de publication. Utilisez website pour les landing pages, les pages produits et les pages marketing — c'est le défaut. video.movie, video.episode, book, profile et autres existent pour des intégrations plus riches sur les plateformes qui les supportent, mais la majorité du web social ne distingue vraiment qu'article et website.

Pourquoi mon aperçu est-il faux sur WhatsApp/Slack ?

Presque toujours le cache. Lors du premier partage d'une URL, la plateforme récupère et met en cache les données OG ; les partages suivants montrent la version en cache même après correction de la page. Repartagez l'URL via le débogueur de Facebook, qui force un rafraîchissement qui se propage à Messenger, WhatsApp et Instagram. Pour Slack, ajoutez ?v=2 à la fin du lien pour casser leur cache.

Générateur de meta tags