Open Graph (OG) Preview & Generator Preview Open Graph card appearance for Facebook, LinkedIn, and other platforms.

📱

Open Graph Preview

Preview Open Graph card appearance for Facebook, LinkedIn, and other platforms.

Enter page details

Add title, description, URL, image URL, and OG type.

Preview the card

See how your page will appear when shared on Facebook and LinkedIn.

Copy meta tags

Copy the generated og: meta tags for your website.

Loading tool...

What Is Open Graph Preview?

The Open Graph Preview tool lets you see exactly how your webpage will appear when shared on Facebook, LinkedIn, and other platforms that use the Open Graph protocol. Open Graph meta tags control the title, description, image, and type information displayed in link previews. A well-crafted OG preview can dramatically increase click-through rates from social shares — posts with optimized images and descriptions get significantly more engagement. This tool provides a visual preview mimicking the Facebook/LinkedIn card format and generates the complete set of og: meta tags you need to add to your website's HTML.

Why Use Open Graph Preview?

Visual preview matching Facebook and LinkedIn card layouts
Generates all required og: meta tags
Multiple OG types: website, article, product, profile, video
Character count guidance for optimal title and description length
Site name and URL configuration for complete OG setup

Common Use Cases

Website Launch

Ensure all pages have proper OG tags before going live.

Blog Publishing

Optimize how articles appear when shared on social media.

E-commerce

Make product pages share beautifully with product-type OG tags.

Marketing Campaigns

Control the exact messaging that appears in social link previews.

Technical Guide

The Open Graph protocol was created by Facebook in 2010 and is now used by most social platforms for link previews. Core required tags: og:title, og:type, og:image, and og:url. Recommended additional tags: og:description, og:site_name, og:locale. For images, the recommended size is 1200×630 pixels (1.91:1 ratio) for optimal display across platforms. Facebook caches OG data for about 30 days — use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to refresh. LinkedIn has its own Post Inspector for similar functionality. OG tags should be in the <head> section of your HTML. If both OG tags and Twitter Cards are present, Twitter will prefer its own tags while Facebook uses OG tags. Best practice is to implement both for maximum control across platforms.

Tips & Best Practices

1
Use 1200×630 pixel images for optimal display across all platforms
2
Keep og:title under 60 characters and og:description under 160 characters
3
Use the Facebook Sharing Debugger to force-refresh cached OG data
4
Implement both og: and twitter: tags for full cross-platform control
5
Test with multiple platforms — Facebook, LinkedIn, and Slack all render differently

Related Tools

Twitter Card Preview

Preview how your link will appear as a Twitter/X card with title, description, and image.

📱 Social Media

UTM Link Builder

Build URLs with UTM parameters for tracking marketing campaigns in Google Analytics.

📱 Social Media

Social Share Buttons Generator

Generate HTML/CSS social share buttons for your website with multiple styles and platforms.

📱 Social Media

Social Proof Generator

Generate social proof HTML elements — badges, banners, counters, and testimonial blocks.

📱 Social Media

Frequently Asked Questions

Q What are Open Graph tags?

Open Graph meta tags are HTML tags that control how your webpage appears when shared on social media platforms like Facebook and LinkedIn.

Q What is the best OG image size?

The recommended size is 1200×630 pixels (1.91:1 aspect ratio) for optimal display across most platforms.

Q How do I refresh cached OG data on Facebook?

Use the Facebook Sharing Debugger at developers.facebook.com/tools/debug/ to scrape your URL again and refresh the cache.

Q Do I need both OG tags and Twitter Cards?

Ideally yes. OG tags are used by Facebook, LinkedIn, and most platforms. Twitter prefers its own twitter: tags but falls back to OG if they're absent.

About This Tool

Open Graph Preview is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.