Skip to content
QuickTool logoQuickTool

Open Graph Preview

Preview Open Graph tags for social sharing

Start

48 characters (recommended: 40-60)

137 characters (recommended: 150-200)

Recommended: 1200x630 pixels

Preview

example.com

10 Tips for Better Coffee - Expert Barista Guide

Learn how to brew the perfect cup of coffee with these expert tips from professional baristas. From bean selection to brewing techniques.

<meta property="og:title" content="10 Tips for Better Coffee - Expert Barista Guide" />
<meta property="og:description" content="Learn how to brew the perfect cup of coffee with these expert tips from professional baristas. From bean selection to brewing techniques." />
<meta property="og:image" content="https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?w=1200&h=630&fit=crop" />
<meta property="og:url" content="https://example.com/coffee-tips" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Coffee Blog" />

Description

Preview how your page will appear when shared on Facebook, LinkedIn, and other platforms that support Open Graph meta tags. Optimize your og:title, og:description, and og:image for maximum engagement and click-through rates.

Key features

  • Real-time Facebook/LinkedIn card preview
  • Image dimension recommendations
  • Copy-ready Open Graph meta tags
  • Character count guidance for optimal display

How to Use

  1. Enter your og:title (recommended: 40-60 characters).
  2. Add og:description (recommended: 150-200 characters).
  3. Provide an og:image URL (recommended: 1200x630 pixels).
  4. Enter your page URL.
  5. Preview the card and copy the generated meta tags.

Example

Example

Open Graph tags:

<meta property="og:title" content="10 Tips for Better Coffee" />
<meta property="og:description" content="Learn how to brew the perfect cup of coffee with these expert tips from professional baristas." />
<meta property="og:image" content="https://example.com/coffee-tips.jpg" />
<meta property="og:url" content="https://example.com/coffee-tips" />

FAQ

What is Open Graph?

Open Graph is a protocol that enables any web page to become a rich object in a social graph. It's used by Facebook, LinkedIn, and others.

What image size should I use?

1200x630 pixels is recommended for best display across all platforms.

Why isn't my image showing?

Ensure your image URL is publicly accessible and uses HTTPS. Some platforms may cache images.