Open Graph Previewer

Preview Facebook and LinkedIn Open Graph cards from your meta tags before publishing.

No image URL provided
EXAMPLE.COM
Your Page Title
A compelling description of your page that appears when shared on social media.
Generated Open Graph meta tags
<meta property="og:type" content="website"> <meta property="og:title" content="Your Page Title"> <meta property="og:description" content="A compelling description of your page that appears when shared on social media."> <meta property="og:url" content="https://example.com/page"> <meta property="og:site_name" content="Your Site">

About this tool

Link previews drive click-through on Facebook, LinkedIn, and messaging apps — broken OG tags mean generic blank cards.

Preview title, description, and image before publishing or sharing URLs.

How to use the Open Graph Previewer

  1. 1

    Enter your page title, description, image URL, and site name.

  2. 2

    Preview how the link card appears on Facebook and LinkedIn.

  3. 3

    Adjust meta tags until the preview looks correct.

OG image specs

Recommended 1200×630 px, under 5MB. Title and description should match page content — mismatches hurt trust.

Use Facebook Sharing Debugger on live URLs after deployment to refresh cache.

Pro tips

  • Keep OG title under 60 characters for clean display.
  • Pair with meta tag generator for complete head tag output.

Social Media Specs & Character Limits

Optimal text formatting, length guidelines, and parameters for all major platforms:

PlatformMax LengthIdeal LengthHashtag Policy
Instagram Feed & Reels2,200 chars125 - 150 chars3 - 5 tags (Recomm.)
TikTok Posts4,000 chars100 - 200 chars3 - 5 tags (Ideal)
YouTube Description5,000 chars1,500 chars (SEO)3 - 10 tags
X / Twitter Post280 chars100 - 140 chars1 - 2 tags
LinkedIn Articles & Posts3,000 chars500 - 1,000 chars3 - 5 tags

Related tools

All tools →

Alt Text Template Generator

Bulk alt text templates for image SEO

Broken Link Syntax Checker

Find malformed URLs with regex — no crawling

Canonical Tag Generator

Generate rel=canonical link tags for SEO

Character Frequency Counter

Count character and word frequency in any text

Color Contrast Checker

Test WCAG color contrast for accessibility

Favicon Generator

Generate favicon sizes from an uploaded image

Frequently Asked Questions

Does this fetch my live page?▼

This tool previews from the fields you enter — use Facebook Sharing Debugger for live URL validation.

What image size works best?▼

Open Graph recommends 1200×630 px for optimal display across platforms.