RankYak | Open Graph Preview - Preview Facebook, Twitter & LinkedIn Cards

How to Use This Tool

Enter your og:title - This is the title that appears when your content is shared. Keep it under 60 characters for best display.
Add your og:description - A compelling summary of your content. Aim for 55-200 characters to avoid truncation.
Paste your og:image URL - Use a high-quality image at least 1200x630 pixels. The tool will validate dimensions.
Add your page URL - Enter the canonical URL of your page to show the correct domain.
Preview across platforms - See real-time previews for Facebook, Twitter/X, and LinkedIn to ensure your content looks great everywhere.

Why Open Graph Tags Matter

Open Graph meta tags control how your content appears when shared on social media. Without them, platforms make their best guess - often pulling the wrong image, title, or description. Properly configured OG tags can dramatically increase click-through rates from social shares.

First impressions matter: When someone shares your link, the preview card is often the deciding factor in whether others click. A compelling image and title can 2-3x your engagement.
Control your narrative: Without OG tags, Facebook might pull a random image or cut off your title mid-sentence. OG tags let you choose exactly what appears.
Platform optimization: Different platforms have different display sizes and character limits. What works on Facebook might get truncated on Twitter.
Image dimensions are critical: The ideal image size is 1200x630 pixels (1.91:1 ratio). Images too small will appear pixelated, while wrong ratios will be cropped awkwardly.
Debugging made easy: Use this tool to preview your tags before publishing. Platforms also offer their own debuggers: Facebook's Sharing Debugger, Twitter's Card Validator.

Essential Open Graph Tags

og:title

The title of your content. This is what appears as the headline in social shares. Keep it under 60 characters.

og:description

A brief description of your content. Facebook shows ~300 chars, Twitter ~200. Front-load important info.

og:image

The preview image URL. Use absolute URLs. Ideal size: 1200x630px. Minimum: 200x200px.

og:url

The canonical URL of your page. This helps prevent duplicate content issues across social platforms.

og:type

The type of content: website, article, video.movie, etc. Defaults to "website" if not specified.

og:site_name

The name of your website. Appears alongside the title on some platforms like Facebook.

Example Implementation

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your compelling description here" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

Frequently Asked Questions

What size should my og:image be?

The recommended size is 1200x630 pixels with a 1.91:1 aspect ratio. This works well across Facebook, Twitter, and LinkedIn. Minimum dimensions are 200x200 pixels, but images under 600x315 may appear small or pixelated. Facebook recommends at least 600x315 for best quality in the news feed.

Why is my social preview showing the wrong image?

Social platforms cache Open Graph data. After updating your tags, use each platform's debugger to refresh the cache: Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector. Also ensure your og:image URL is an absolute URL (starts with https://) and the image is publicly accessible.

Do I need both Open Graph and Twitter Card tags?

Twitter will fall back to Open Graph tags if Twitter Card tags aren't present. However, for full control over Twitter previews, add Twitter-specific tags: twitter:card, twitter:title, twitter:description, and twitter:image. The most common card type is "summary_large_image" for big image previews.

How long should my og:title and og:description be?

Does Open Graph affect SEO?

Open Graph tags don't directly affect search rankings, but they can indirectly impact SEO. Well-optimized social previews increase click-through rates on shared content, driving more traffic to your site. More traffic and engagement can signal quality to search engines. Additionally, having og:url helps prevent duplicate content issues.