How It Works

Understand what Does It Preview does, how it analyses your site, and how to fix any issues it finds.

What are meta tags?

Meta tags are snippets of code in your website's HTML that control how your content appears when shared on social media or shown in search results. They don't appear on the page itself, but they help platforms like Facebook, Twitter, and LinkedIn generate rich previews.

Which tags do we check?

Tag	Platform	Status
`<title>`	General	Required
`meta name="description"`	General	Required
`meta name="author"`	General	Optional
`meta name="image"`	General	Optional
`og:title`	Open Graph	Required
`og:description`	Open Graph	Required
`og:image`	Open Graph	Required
`og:url`	Open Graph	Optional
`og:type`	Open Graph	Optional
`og:site_name`	Open Graph	Optional
`fb:app_id`	Facebook	Optional
`twitter:card`	X	Required
`twitter:title`	X	Required
`twitter:description`	X	Required
`twitter:image`	X	Required
`twitter:url`	X	Optional
`twitter:site`	X	Optional
`twitter:creator`	X	Optional

How does the analysis work?

When you enter a URL, we fetch the HTML of the page and extract all the relevant meta tags. We then evaluate if they meet each platform's expected format and generate a preview card that mirrors how your site would appear when shared.

What do the warnings mean?

Warnings let you know when tags are missing or fallback values are being used. Some platforms like X (formerly Twitter) will fall back to Open Graph if no twitter-specific meta tags are provided, but it's best to set both.

What should I fix first?

Prioritise adding Open Graph tags (og:title, og:description, etc) these are used by almost all platforms. Then add twitter-specific meta tags and a title + description for search engines.

Ready to see how your site looks?

Paste a link and see the results instantly.