SEO & Marketing

The Ultimate Guide to Open Graph Tags

Turn your links into rich, engaging social cards. Master the Open Graph protocol to control how your content appears on Facebook, Twitter, LinkedIn, and more.

Check Your Social Meta Tags

Verify your OG tags and preview your social cards

01 What is Open Graph?

The Open Graph (OG) protocol is a system of metadata tags that allows any web page to become a rich object in a social graph. Originally created by Facebook, it is now supported by all major social platforms, including LinkedIn, Twitter (X), Pinterest, and messaging apps like WhatsApp and Slack.

Without OG tags, social networks have to guess what your page is about. They might grab a random image, a snippet of the sidebar text, or a generic title. With OG tags, you control exactly what users see — the title, description, and image.

02 Essential OG Tags

While the protocol supports dozens of properties, these four are the absolute must-haves for every page:

og:title

The headline of your article or page. Keep it concise (under 60 characters) and catchy. This is the bold text that appears on the card.

og:type

Describes the kind of object being shared. Use website for your homepage and article for blog posts.

og:image

The URL of the image that should appear. This is arguably the most impactful tag for engagement. High-quality visuals drive clicks.

og:url

The canonical URL of the page. This ensures that likes and shares are aggregated to the correct URL, even if multiple URLs point to the same page.

03 Image Best Practices

Your og:image is your first impression. Here is how to get it right:

Resolution Matters

Use images with a resolution of at least 1200 x 630 pixels. This ensures clarity on high-density "Retina" screens.

Center Your Content

Keep important text and logos near the center of the image. Some platforms might crop the edges slightly, so leave a "safe zone" or padding.

File Size & Format

Keep your images under 5MB (optimal is under 1MB) for fast loading. Use JPG or PNG formats. WebP is supported by most, but not all, crawlers yet.

04 Testing & Debugging

Don't assume your tags are working — test them. Each major platform provides a debugger tool to preview how your link will look.

  • Facebook Sharing Debugger: Essential for clearing Facebook's cache of your URL.
  • Twitter Card Validator: Previews your Summary Card or Summary Card with Large Image.
  • LinkedIn Post Inspector: Shows how your content looks on LinkedIn feeds.
  • LamaniSecure Scanner: Checks for the presence and correctness of all OG tags as part of its SEO audit.

05 Frequently Asked Questions

Do Open Graph tags affect SEO rankings?

Indirectly, yes. While they are not a direct ranking factor for Google Search, they improve click-through rates (CTR) on social media, which drives more traffic and signals popularity.

What is the recommended size for OG images?

The recommended size is 1200x630 pixels. This ensures your image looks great on high-resolution displays and fits the 1.91:1 aspect ratio used by Facebook, LinkedIn, and Twitter.

Can I use dynamic Open Graph images?

Yes! Many sites generate dynamic OG images (using tools like Puppeteer or Vercel OG) to display titles, authors, or stats directly on the social card.

Why isn't my new OG image showing up on Facebook?

Facebook caches OG data. If you update your tags, you need to use the Facebook Sharing Debugger to 'Scrape Again' and clear the cache.

Ready to optimize?

Check your OG tags, SEO, and security in one go.

Run a Full Site Scan