← All Tools

Meta Tag & Open Graph Preview — Google, Twitter, LinkedIn

Preview how your page looks in Google search results, Twitter/X cards, LinkedIn, and Facebook share previews. Enter title, description, and OG image URL to see live side-by-side previews.

Free, no sign-up — one of the SaaSQuickStart Content & SEO tools.

How it works

This tool renders live previews of how Google, Twitter/X, LinkedIn, and Facebook display your page based on the meta tags you provide. The Google preview simulates the SERP snippet using the same character truncation rules Google applies (title: ~60 chars, description: ~160 chars). The social card previews render using the Open Graph protocol ( og:* tags) which all major platforms support. Twitter additionally reads twitter:* tags, which are included in the generated output.

Frequently asked questions

What image size should I use for Open Graph?

The universally recommended OG image size is 1200×630 pixels (1.91:1 aspect ratio). Facebook enforces a minimum of 600×315px. Twitter recommends 1200×600px for large cards. Using 1200×630px works well across all platforms. Keep file size under 1MB — PNG or JPG both work fine.

Why does my updated meta description not show in Google?

Google caches pages and may show the old description for days or weeks. Submit your URL in Google Search Console → URL Inspection → Request Indexing to accelerate recrawling. Note that Google also sometimes ignores your description entirely and generates its own snippet from the page content if it considers that more relevant to the query.

Do I need both og:* and twitter:* tags?

Twitter falls back to og:* tags if twitter:* tags are absent, so technically og:* alone is sufficient. However, explicitly setting twitter:card to "summary_large_image" unlocks the large image card format — without it, Twitter may show a small thumbnail card even if you have an og:image.

What is the difference between og:title and the HTML <title> tag?

The HTML <title> tag is what browsers show in the tab and what Google indexes as the page title in search results. og:title is specifically for social shares — it overrides the HTML title when someone shares the link on Facebook, LinkedIn, etc. Best practice is to set both to the same value unless you want different wording in social vs. search.

All free tools · SaaSQuickStart