Free Open Graph Preview
Enter a page and see the card people get when they share it on Facebook, X, LinkedIn and Slack, with every tag we found and what to fix.
- Four platform previews
- Checks the share image loads
- Free, no signup
Open Graph and X Tags Explained
The tags social platforms read to build a link preview. Put them in the head of every page you want shared.
- og:title
- The headline on the card. Write it for the share, without your brand name and separators if the site name is shown anyway. The Open Graph protocol
- og:description
- One or two sentences under the headline. Say why the link is worth opening.
- og:image
- The picture on the card, as a full https address. Use at least 1200 by 630 pixels; LinkedIn asks for 1200 by 627 or more and a file under 5 MB. LinkedIn: make your website shareable
- og:image:width and og:image:height
- The image size in pixels. Meta says to set both so the image loads properly the first time the link is shared. Meta: webmaster guide to sharing
- og:type and og:site_name
- What the page is (website, article, product) and your site's name, shown on some cards.
- twitter:card
- The card type on X. summary_large_image shows the image full width; without it you get a small thumbnail. X falls back to the Open Graph tags for everything else. X: cards markup
How to Get a Good Link Preview
Five fixes that make shared links look intentional.
Add an og:image to every page
Make one at 1200 by 630 pixels with the page's subject clear at a small size. Templates can build one per page from the title.
Set its width and height
Add og:image:width and og:image:height so the image shows on the very first share instead of after a refresh.
Write a share title and description
Keep the title short enough for two lines and make the description say what the reader gets.
Add twitter:card
One tag, <meta name="twitter:card" content="summary_large_image">, turns the small X card into a full width one.
Refresh the platforms' cache
Platforms remember old previews. After a change, run the page through Meta's Sharing Debugger and LinkedIn's Post Inspector to fetch it again.
When You Want It Done for You
Fix one page yourself, or have us fix the templates behind every page.
Meta tag generator
Write the title, description and social tags for a page, with a live Google preview.
OpenOpen Graph Preview Questions
What are Open Graph tags?
What size should an og:image be?
Why does my old image still show when I share the link?
Do I need twitter tags if I have Open Graph tags?
Do Open Graph tags help SEO?
Is the preview exact?
Want a Person to Look at Your Site?
Free tools fix pages one at a time. Book a free 30-minute SEO review: we look at your site and Search Console together and tell you what we would fix first.
- The quick wins on your busiest pages
- The keywords closest to page one
- Whether your tracking counts the leads you already get
- An honest answer on whether you need us at all