TF

Outils pour développeurs

Générateur de balises meta avec aperçu Open Graph

Rédigez les balises SEO, Open Graph et X et voyez l’aperçu des liens sur Google, Facebook, X, LinkedIn et Slack.

Partir d’une page existante
44/60
113/160
TToolForgehttps://toolforge.example/

ToolForge — Free Online Tools That Just Work

Fast, private browser tools for developers and everyday tasks: JSON, encoders, generators, calculators, and more.

Les aperçus reproduisent approximativement l’affichage de chaque site. Les sites mettent les cartes en cache : les changements peuvent tarder à apparaître.

À quoi sert cet outil ?

Les liens partagés sur les réseaux sociaux et les messageries utilisent les balises Open Graph pour afficher titre, description et image. Remplissez les champs — ou collez le HTML d’une page pour lire ses balises existantes — et voyez le rendu sur Google, Facebook, X, LinkedIn et Slack avant de publier.

Le générateur écrit les balises title et description standard, un lien canonique, les balises Open Graph (utilisées par Facebook, LinkedIn, WhatsApp, Slack, Discord, etc.) et les balises de carte Twitter/X. Les valeurs sont échappées en HTML automatiquement.

Utilisez une image de partage de 1200 × 630 pixels avec une URL https:// absolue. Les aperçus sont des approximations fidèles ; chaque plateforme fait évoluer sa mise en page et met les cartes en cache, utilisez donc son débogueur pour rafraîchir un lien déjà partagé.

Comment utiliser l’outil Générateur de balises meta et aperçu OG

  1. Saisissez titre, description, URL et image de partage — ou collez du HTML existant dans « Partir d’une page existante ».
  2. Surveillez les compteurs : un titre de plus de 60 caractères et une description de plus de 160 risquent d’être tronqués.
  3. Passez d’un aperçu à l’autre : Google, Facebook, X, LinkedIn et Slack.
  4. Copiez les balises générées dans le <head> de votre page.

Exemples

Balises Open Graph

<meta property="og:title" content="My Page" />
<meta property="og:description" content="What the page is about" />
<meta property="og:image" content="https://example.com/og.png" />

Questions fréquentes

Peut-il lire les balises d’un site en ligne ?

Les navigateurs empêchent une page d’en récupérer une autre ; collez donc le HTML : ouvrez la page, choisissez Afficher la source, copiez tout et collez-le dans « Partir d’une page existante ».

Quelle taille pour mon image Open Graph ?

1200 × 630 pixels (ratio 1,91:1) fonctionne sur toutes les grandes plateformes. Gardez le texte important loin des bords, car certaines applis recadrent l’image.

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

X se rabat sur Open Graph pour la plupart des champs, mais twitter:card définit le style de carte : le générateur inclut donc les deux.

Les balises meta influencent-elles le classement Google ?

Le titre influence fortement le classement et les clics, la description surtout les clics. Les balises Open Graph n’influencent pas le classement mais rendent les liens partagés bien plus attrayants.

Besoin de plus de puissance plus tard ?

Des outils premium, des limites plus élevées et un accès API sont prévus. La V1 reste gratuite et privée dans votre navigateur.