Open Graph Preview

How to use

1. Enter details — Fill in your Open Graph title, description, URL, and image
2. Preview — See how your link will appear on Facebook, Twitter, and LinkedIn
3. Adjust — Tweak text and image until the preview looks perfect

What Is Open Graph?

Open Graph is a protocol originally created by Facebook that allows web pages to become rich objects in a social graph. When you share a URL on social media, the platform reads OG tags from the page to determine what title, description, and image to display in the link preview card.

Why Open Graph Matters

First impressions matter. When someone shares your content on social media, the link preview is often the first (and sometimes only) thing people see. A well-crafted OG preview with a compelling title, clear description, and eye-catching image dramatically increases click-through rates. Without OG tags, platforms guess what to show — often with unappealing results.

Essential Open Graph Tags

• og:title — The title of your page as it should appear in the share card.
• og:description — A brief description that appears below the title.
• og:image — The image displayed in the preview. Use 1200×630px for best results.
• og:url — The canonical URL of the page being shared.
• og:type — The type of content (website, article, product, etc.).
• og:site_name — The name of the overall website.

Platform Differences

Each social platform renders link previews slightly differently. Facebook shows large image cards with title and description below. Twitter uses a card format that can be "summary" (small image) or "summary_large_image" (large image). LinkedIn displays a format similar to Facebook. This preview tool shows you a general approximation to help you optimize for all platforms.

Image Best Practices

Use images that are at least 1200×630 pixels. Keep file size under 300KB for fast loading. Avoid text-heavy images since they may be cropped differently on each platform. Always include a fallback image on your site's home page. Test your images at different aspect ratios to ensure they look good everywhere.

Privacy

This tool runs entirely in your browser. No URLs are fetched and no data is sent anywhere.

Generate the actual meta tag HTML with our Meta Tag Generator. Create clean URLs with the Slug Generator.

Frequently asked questions

What are Open Graph tags?

Open Graph (OG) tags are meta tags that control how your page appears when shared on social media platforms like Facebook, LinkedIn, and Twitter.

What's the ideal OG image size?

Facebook recommends 1200×630 pixels. This works well across most platforms.

Will this tool fetch my actual page?

No. This is a local preview tool. You enter the values manually to see how they'd look when shared.

Does Twitter use Open Graph tags?

Twitter has its own twitter:card tags but falls back to OG tags if Twitter-specific tags aren't present.

Related free tools

• Slug Generator — Convert titles to clean, SEO-friendly URL slugs.
• Robots.txt Generator — Create robots.txt with custom rules for search engine crawlers.
• Sitemap Generator — Generate XML sitemaps from a list of URLs.
• Keyword Density Checker — Analyze keyword frequency with n-gram analysis.
• Google SERP Simulator — Preview how your page appears in Google search results.
• Heading Structure Checker — Check HTML heading hierarchy for SEO and accessibility issues.
• Meta Tag Generator — Generate HTML meta tags for SEO, Open Graph, and Twitter Cards.