Quelle est la différence entre Open Graph et Twitter Cards ?

Open Graph est la norme utilisée par Facebook, LinkedIn et Slack, tandis que les Twitter Cards sont spécifiques à X. La plupart des plateformes modernes utiliseront les balises Open Graph si les balises spécifiques à Twitter sont manquantes.

Pourquoi mon image d'aperçu n'apparaît-elle pas ?

Les plateformes sociales exigent des URL absolues pour les images, telles que `https://example.com/image.jpg`. Assurez-vous que votre image est publiquement accessible et qu'elle répond aux exigences de dimensions minimales de la plateforme.

Cet outil enregistre-t-il les données de mon site web ?

Non. Toute la génération des balises se fait localement dans votre navigateur, et aucune donnée n'est envoyée à nos serveurs ou stockée à l'extérieur.

Comment rafraîchir un aperçu après avoir mis à jour les balises ?

Des plateformes comme Facebook et X mettent en cache les métadonnées. Utilisez leurs outils officiels 'Debugger' ou 'Card Validator' pour forcer une nouvelle exploration de votre URL mise à jour.

Couleur & Design

Générateur Open Graph / Twitter Card

Every social meta tag, preview-ready.

Runs in your browser

TitleDescriptionURLImage URLTwitter @handleType

Meta tags

<title>AnytimeConvert</title>
<meta name="description" content="100% free online converters for units, currency, dates, code, text and files." />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://anytimeconvert.com" />
<meta property="og:title" content="AnytimeConvert" />
<meta property="og:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta property="og:image" content="https://anytimeconvert.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@anytimeconvert" />
<meta name="twitter:title" content="AnytimeConvert" />
<meta name="twitter:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta name="twitter:image" content="https://anytimeconvert.com/og.png" />

lines: 18chars: 1011size: 1011 B

live

Preview

anytimeconvert.com

AnytimeConvert

100% free online converters for units, currency, dates, code, text and files.

Note de la rédaction

Understanding · A title, a description, a 1200×630 image.

Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.

Questions fréquentes

Quick answers.

›What is the difference between Open Graph and Twitter Cards?

Open Graph is the standard used by Facebook, LinkedIn, and Slack, while Twitter Cards are specific to X. Most modern platforms will fall back to Open Graph tags if Twitter-specific tags are missing.

›Why is my preview image not appearing?

Social platforms require absolute URLs for images, such as `https://example.com/image.jpg`. Ensure your image is publicly accessible and meets the platform's minimum dimension requirements.

›Does this tool save my website data?

No. All tag generation happens locally in your browser, and no data is sent to our servers or stored externally.

›How do I refresh a preview after updating tags?

Platforms like Facebook and X cache meta data. Use their official 'Debugger' or 'Card Validator' tools to force a re-crawl of your updated URL.

Les internautes recherchent aussi

Outils similaires

More in this room.

Tout voir dans Couleur & Design