OpenGraph + Twitter Card Tester (Preview)
Test your page's social share preview — what Facebook, Twitter, LinkedIn, and iMessage show when someone pastes your URL. Paste your HTML or just the meta tags; the tool extracts og: / twitter: / standard tags and renders a preview.
How to use the OpenGraph + Twitter Card Tester (Preview)
Paste your page's HTML or just the <head> meta tags. The tool extracts the og:, twitter:, and standard tags and renders a preview of how the link will look when shared. Compare the preview against what you intended and adjust any missing or truncated tags.
Previewing how a link will look when shared
When someone pastes your URL into a chat or social post, the platform builds a preview card from your page's meta tags — og:title, og:image, twitter:card, and friends. Get one wrong and the card falls back to something ugly or blank, but you usually only find out after publishing.
This tester reads the tags from HTML you paste and renders the resulting preview the way Facebook, Twitter, LinkedIn, and iMessage would, so you can catch a missing image or truncated title before you ship. To create the share image itself at the right size, use the OpenGraph image builder.
Common use cases
- Pre-publish QA — confirm a share card looks right before going live.
- Debugging blank cards — find which og: tag is missing or malformed.
- Multi-platform check — see how the same tags read across networks.
- Title and image sizing — catch truncated titles or wrong-ratio images.
- Migration checks — verify tags survived a CMS or template change.
Frequently asked questions
Do I need to enter a live URL?
Which tags does it read?
og:), Twitter Card (twitter:), and standard fallbacks like <title> and description.Why does my real share card still look wrong after fixing tags?
How do I make the image it expects?
og:image.