Jorbit
SEO

Meta Tag & Social Preview

Live Google, Facebook and Twitter card previews.

23/60
104/160
Copy-paste tags
<title>Your awesome page title</title>
<meta name="description" content="A compelling description that makes people want to click through from the search results or social feed." />
<link rel="canonical" href="https://example.com/page" />
<meta property="og:title" content="Your awesome page title" />
<meta property="og:description" content="A compelling description that makes people want to click through from the search results or social feed." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Your awesome page title" />
<meta name="twitter:description" content="A compelling description that makes people want to click through from the search results or social feed." />
Google search
example.com
Your awesome page title
A compelling description that makes people want to click through from the search results or social feed.
Facebook / LinkedIn
No image
example.com
Your awesome page title
A compelling description that makes people want to click through from the search results or social feed.
Twitter / X
Your awesome page title
A compelling description that makes people want to click through from the search results or social feed.
🔗 example.com

About Meta Tag & Social Preview

Write the perfect title, meta description and Open Graph tags with a live preview of your Google search snippet, Facebook share card and Twitter card. No more publishing blind and refreshing Facebook's debugger — see exactly what users will share.

Why use Meta Tag & Social Preview?

  • Live Google search result preview
  • Facebook / LinkedIn Open Graph card preview
  • Twitter / X large image card preview
  • Copy-paste HTML for <head>
  • Character counters for title and description

How it works

  1. 1Fill in title, description, URL and image.
  2. 2Watch the Google, Facebook and Twitter previews update live.
  3. 3Copy the generated HTML and paste into your <head>.

Frequently asked questions

What size should my Open Graph image be?

1200×630 pixels is the recommended size — it works across Facebook, LinkedIn and Twitter (twitter:card = summary_large_image).

How long should the meta description be?

Aim for 50–160 characters. Google typically truncates at 155–160 on desktop and 120 on mobile.

Do I need separate Twitter tags?

Twitter falls back to Open Graph tags, but adding twitter:card and twitter:image gives you full control over the card type.

Related tools

All tools →
Domain

Domain Inspector

WHOIS, DNS records (A, MX, TXT, NS), SSL & expiry in one shot.

Open tool
SEO

SEO On-Page Audit

Scan meta tags, headings, robots, sitemap, schema and OG tags.

Open tool
SEO

PageSpeed & Core Web Vitals

Lighthouse scores and CWV metrics powered by Google.

Open tool