Aperçu Open Graph | Google, Twitter, Facebook, LinkedIn | Awesome Toolkit

Aperçu Open Graph

Prévisualisez l'apparence de vos pages sur Google, Twitter/X, Facebook et LinkedIn. Compteur de caractères intégré.

Par Marshkalk

0 / 60 chars (Google truncates at ~60)
0 / 160 chars (recommended max)
example.com
Titre de la page
La description de la page apparaîtra ici.

Comment utiliser l'aperçu Open Graph

  1. Renseignez le titre, la description, l'URL, le nom du site et optionnellement une URL d'image.
  2. Basculez entre les onglets Google, Twitter, Facebook et LinkedIn pour voir l'apparence sur chaque plateforme.
  3. Ajustez jusqu'à satisfaction, puis copiez les meta tags dans le <head> de votre page.

Meta tags clés

  • og:title, utilisé par Facebook, LinkedIn et Twitter pour le titre de la carte
  • og:description, description affichée dans les cartes sociales (150-200 caractères idéal)
  • og:image, taille recommandée : 1200×630 px (ratio 1,91:1)
  • og:url, URL canonique de la page
  • og:site_name, votre marque ou nom de site
  • twitter:card, définir à summary_large_image pour Twitter/X
  • title + meta name="description", utilisés par Google dans les SERP

Recommandations titre et description Google

  • Titre : 50-60 caractères. Les titres plus longs sont tronqués avec "...".
  • Description : 150-160 caractères. Les descriptions plus longues peuvent être tronquées.

Tailles d'images par plateforme

PlateformeTaille recommandéeTaille minimale
Facebook / LinkedIn1200×630 px600×315 px
Twitter/X (grande carte)1200×628 px300×157 px
Twitter/X (résumé)400×400 px144×144 px