ToolsMaxxing

Aperçu Open Graph

Voyez l'apparence d'une page partagée sur Facebook, LinkedIn, X, WhatsApp et Slack, et copiez les balises.

L'image de l'appareil ne sert qu'à l'aperçu. Les balises nécessitent une URL d'image publique. Visez 1200 sur 630 pixels.
Aucune image
EXAMPLE.COMDes outils en ligne gratuits qui fonctionnent dans votre navigateurOutils PDF, image, développement et du quotidien. Rien n'est envoyé.

Les aperçus approchent la façon dont chaque réseau affiche un lien. Chacun peut changer sa mise en page et coupe le texte à sa propre longueur.

Vos fichiers restent sur votre appareil

Comment ça marche

  1. 1Saisissez le titre, la description, l'adresse de la page et le nom du site.
  2. 2Ajoutez l'adresse publique de l'image pour les balises, ou choisissez une image de votre appareil pour l'aperçu.
  3. 3Passez d'un onglet de réseau à l'autre pour comparer les cartes.
  4. 4Copiez les balises dans le head de votre page.

À quoi servent les options

URL de l'image
L'adresse publique qui va dans la balise og:image. Les réseaux sociaux la récupèrent eux-mêmes.
Image de l'appareil
Uniquement pour l'aperçu. Elle n'est pas envoyée et ne va pas dans les balises.

Confidentialité

L'aperçu est dessiné dans votre navigateur. Cet outil ne récupère pas d'autres sites web, donc il ne peut pas lire les balises d'une page existante.

Questions fréquentes

Puis-je coller une URL et voir son aperçu actuel ?

Non. La lecture d'un autre site depuis le navigateur est bloquée par les règles de sécurité des navigateurs, et nous n'utilisons pas de serveur. Renseignez les champs pour voir ce que produiraient vos balises.

Quelle taille d'image utiliser ?

1200 sur 630 pixels, un ratio d'environ 1,91 pour 1, fonctionne sur Facebook, LinkedIn et X. Gardez le contenu important loin des bords, car certaines applis rognent.

Pourquoi la vraie carte est-elle différente ?

Chaque réseau change de temps en temps sa mise en page et ses limites de texte, et les applis de messagerie peuvent rogner l'image. Les aperçus sont des repères proches, pas des copies exactes.

Pourquoi mon ancienne image s'affiche-t-elle encore après modification ?

Les réseaux mettent les aperçus de liens en cache. Utilisez le Débogueur de partage Facebook ou le Post Inspector de LinkedIn pour forcer l'actualisation.

Ai-je besoin des balises Open Graph et X ?

X se rabat sur les balises Open Graph pour la plupart des champs. Il suffit de twitter:card pour choisir le type de carte.

Outils associés