📇 Social & Partage du référencement

Ouvrir le générateur de cartes graphique et Twitter

Remplissez les détails de votre page et regardez un rendu réel de Facebook, LinkedIn et X card en direct lorsque vous tapez. Obtenez un ensemble validé de balises méta Open Graph et Twitter Card – les plates-formes de balisage exactes lues pour créer l'aperçu de votre lien.

✓ Aperçu de la carte en direct Exécute dans votre navigateur Pas d'inscription
Visez environ 60 caractères pour qu'il ne soit pas tronqué.
Environ 110 caractères sont affichés en entier sur la plupart des cartes sociales.
URL absolue https, 1200×630 recommandé.
Aperçu Facebook / LinkedIn
Aucune image — ajouter une URL og:image
example.com
Aperçu X (Twitter)
Aucune image — ajouter une URL og:image
example.com
méta-balises générées

Comment générer des balises Open Graph et Twitter Card

Quatre étapes depuis les détails de la page jusqu'à un aperçu social validé et collé.

1

Saisissez l'URL, le titre et la description de votre page

Collez l'URL absolue de la page que vous partagez, puis écrivez le titre et la description que vous voulez afficher sur les cartes sociales.

2

Ajouter une image de partage et définir les types

Fournissez une adresse absolue https og:image (idéalement 1200x630), choisissez votre og:type et le type de carte Twitter, et ajoutez votre @handle.

3

Vérifiez les prévisualisations en direct de Facebook et X

Regardez le rendu de la carte Facebook/LinkedIn et X lorsque vous tapez et résolvez les avertissements de validation de longueur ou d'image ci-dessous.

4

Copiez les balises dans votre tête de page

Copiez les balises de méta Graph et Twitter générées et collez-les à l'intérieur de la <head> de votre page, puis re-crape avec le débogueur de la plate-forme.

Ouvrir les questions sur les cartes graphiques et Twitter

Open Graph (og:) est le protocole partagé Facebook, LinkedIn, Slack, WhatsApp, Pinterest et la plupart des plateformes lues pour construire un aperçu de lien. Twitter Card (twitter:) est le propre vocabulaire de X qui contrôle la mise en page de la carte — par exemple résumé vs résumé_large_image. Ils se chevauchent fortement: titre, description et image peuvent venir de og: tags. Twitter-specific tags seulement ajouter ce og: ne peut pas exprimer, comme le style de la carte et la poignée @site.
Utilisez 1200x630 pixels (un ratio 1.91:1) pour la grande carte que Facebook, LinkedIn et X summit_large_image utilisent tous — qui remplit le cadre sans recadrage. Gardez le fichier sous 5 Mo et servez-le sur une URL https absolue, car les plateformes ne récupéreront pas une image relative ou http fiable. Le minimum Facebook accepte 200x200, mais les petites images rendent comme une petite vignette au lieu d'une carte héros.
Chaque plateforme cache la première version de votre carte qu'elle a grattée, parfois pendant des semaines, si vieux titres et images persistent après que vous fixiez les balises. Forcez une nouvelle rayure : collez l'URL dans le débogueur de partage de Facebook et cliquez sur Scrape à nouveau, utilisez l'inspecteur de poste LinkedIn, et partagez le lien une fois sur X pour rafraîchir son cache. Confirmez que les étiquettes sont en fait dans la tête HTML servie et ne sont pas injectées plus tard par JavaScript, que la plupart des racleurs ne exécutent pas.
Quand une balise Twitter est manquante, X revient à la balise Open Graph correspondante — og:title, og:description et og:image cover la plupart des cartes. Donc, le minimum pratique est un ensemble complet d'og: tags plus juste twitter:card pour choisir la mise en page et twitter:site pour l'attribution. Ajouter og: tags signifie également que le même aperçu fonctionne sur Facebook, LinkedIn, Slack et partout ailleurs, donc plomb avec og: et ajouter seulement la poignée de twitter: tags que og: ne peut pas exprimer.

Besoin de balises sociales générées à l'échelle?

Cet outil fonctionne entièrement dans votre navigateur — il n'y a rien à appeler et rien ne quitte la page. Pour les plugins CMS, CI et les pages en vrac, une API Open Graph programmatique est disponible sur les plans payants.

✓ Outil gratuit : 100% côté client Open Graph API: régimes payés

Générez des blocs Open Graph et Twitter Card validés par page à partir d'un seul point d'arrêt et filez-les directement dans votre build. Consultez les plans et les quotas sur la page de tarification.

Voir les plans d'API →