🔗 Aperçu OpenGraph ☆

Prévisualisez le partage de votre lien

Aperçu OpenGraph Gratuit lit les balises Open Graph et Twitter Card d'une URL et affiche l'aperçu que montreraient Facebook, X, LinkedIn, WhatsApp et Slack. Collez un lien pour voir le titre, la description et l'image tels qu'ils apparaîtront.

À vérifier avant publication

• Titre, clair, unique et sous ~60 caractères
• Description, convaincante et sous ~155 caractères
• Image, au moins 1200×630 pour les grandes cartes
• Balises og: manquantes ou dupliquées

L'outil liste aussi les balises brutes détectées : fautes de frappe, chemins d'image relatifs ou pages réduites à un simple aperçu de lien. Gratuit, sans inscription, rien n'est stocké.

Comment l'aperçu est construit

Le HTML de la page est récupéré et ses balises Open Graph et Twitter Card sont analysées : og:title, og:description, og:image (avec ses dimensions déclarées), og:url, og:type et les équivalents twitter:. Le résultat est rendu comme une carte de lien partagée, et la liste brute révèle les coupables habituels : titres tronqués, og:image manquant ou balises dupliquées par un plugin.

Détails de traitement et limites

Confidentialité : récupéré depuis votre navigateur

La requête part de votre connexion : le site cible voit une visite normale. 0Appz ne sert pas de proxy et ne stocke pas les balises ; aucun historique des URL prévisualisées.

Corriger les problèmes d'aperçu courants

• Utilisez des URL https absolues pour og:image.
• Fournissez des images 1200×630 pour les grandes cartes.
• Gardez les titres sous ~60 caractères et les descriptions entre 150 et 200.
• Réglez Open Graph et Twitter Card ensemble.
• Après modification, relancez le crawl dans le débogueur de la plateforme.

Voir aussi les outils de développement pour metas, en-têtes et SSL.

Quelles balises contrôlent réellement l'aperçu

Les plateformes lisent un petit ensemble de balises pour construire la carte et ignorent le reste. og:title fixe le titre ; s'il manque, le robot retombe sur le title HTML, qui porte souvent un suffixe de site non souhaité. og:description contrôle les deux ou trois lignes sous le titre, et og:url indique à la plateforme l'adresse canonique de la carte, un décalage ici explique souvent une carte pointant vers la mauvaise page. L'image est l'élément le plus souvent incorrect : og:image doit être une URL https absolue, idéalement 1200×630 pixels pour un ratio 1,91:1 et sous environ 5 Mo pour que le robot n'expire pas. og:image:width et og:image:height permettent de réserver l'espace avant le chargement. Sur X, twitter:card choisit la mise en page, summary_large_image est ce que veulent la plupart des sites, et twitter:title, twitter:description et twitter:image peuvent remplacer les valeurs OpenGraph quand les deux réseaux exigent des textes différents. Deux vérifications pratiques font gagner du temps : confirmez que l'URL prévisualisée répond 200 sans chaîne de redirections, et rappelez-vous que les plateformes cachent les cartes agressivement, utilisez le débogueur de chaque réseau pour forcer un rafraîchissement après modification.