Back to Tools
Content

Open Graph Preview

Preview how your page appears when shared on social media.

Characters0/60
Characters0/155

Facebook Share Preview

example.com

Your Page Title

Your page description will appear here. Write something compelling.

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />

Image Guidelines

  • • Size: 1200×630px (1.91:1 ratio). Min 600×315px
  • • Format: JPG or PNG only. No GIF or WEBP (LinkedIn)
  • • Max file size: 8MB
  • • Keep key content centred - edges may be cropped

How to Use

  1. 1 Enter your page title (keep under 60 characters)
  2. 2 Write a compelling description (under 155 characters)
  3. 3 Add your page URL and site name
  4. 4 Enter the URL of your OG image (1200x630px recommended)
  5. 5 Preview how it looks on Facebook, Twitter, or LinkedIn
  6. 6 Copy the generated meta tags to your page's head section

Why Open Graph Matters

When someone shares your page on social media, Open Graph tags control what appears in the preview card. A well-optimised OG image and description can significantly increase engagement and click-through rates from social shares.

Testing Your Tags

After implementing the tags, test them using:

Let's work together

Monthly retainers or one-off projects. No lengthy reports that sit in a drawer.

Let's Talk