Open Graph Preview – Free Online Tool | Awesome Toolkit

Open Graph Preview

Preview how your page looks when shared on Google, Twitter, Facebook, and LinkedIn.

By Marshkalk

0 / 60 chars (Google truncates at ~60)
0 / 160 chars (recommended max)
example.com
Page title
Page description will appear here.

How to use the Open Graph Preview

  1. Fill in the title, description, URL, site name, and optionally an image URL.
  2. Switch between the Google, Twitter, Facebook, and LinkedIn tabs to see how the card looks on each platform.
  3. Adjust until satisfied, then copy the meta tags into the <head> of your page.

Key meta tags

  • og:title, used by Facebook, LinkedIn, and Twitter for the card headline
  • og:description, description displayed in social cards (150-200 characters ideal)
  • og:image, recommended size: 1200×630 px for most platforms (1.91:1 ratio)
  • og:url, the canonical URL of the page
  • og:site_name, your brand or website name
  • twitter:card, set to summary_large_image for a large card on Twitter/X
  • title + meta name="description", used by Google in search results

Google title and description guidelines

  • Title: 50-60 characters. Longer titles are truncated with "..." in SERPs.
  • Description: 150-160 characters. Longer descriptions may be truncated.

Image requirements by platform

PlatformRecommended sizeMinimum size
Facebook / LinkedIn1200×630 px600×315 px
Twitter/X (large card)1200×628 px300×157 px
Twitter/X (summary)400×400 px144×144 px