Open Graph Tester - Debug OG Meta Tags Online

Test and preview your Open Graph and Twitter Card meta tags. See exactly how your links will appear when shared on social media.

No Image
example.com
The Ultimate Guide to Open Graph Tags
Learn how to optimize your Open Graph meta tags for better social media engagement and click-through...
No Image
The Ultimate Guide to Open Graph Tags
Learn how to optimize your Open Graph meta tags for better social media engageme...
🔗 example.com

What is Open Graph Protocol?

Open Graph (OG) is a protocol created by Facebook that allows web pages to become rich objects in a social graph. When you share a link on social media, OG tags determine the title, description, and image that appear in the preview.

Essential OG Tags

  • og:title: The title of your content (50-60 characters)
  • og:description: A brief summary (150-160 characters)
  • og:image: The preview image URL (1200×630px)
  • og:url: The canonical URL of the page
  • og:type: Content type (website, article, product)

Twitter Card Types

  • summary: Small image with title and description
  • summary_large_image: Large featured image
  • app: App download with store links
  • player: Video or audio player

Image Best Practices

  • Use 1200×630px for optimal display across platforms.
  • Keep file size under 5MB.
  • Use absolute URLs, not relative paths.
  • Test with Facebook Debugger after changes.

Debugging Tools

  • Facebook Sharing Debugger
  • Twitter Card Validator
  • LinkedIn Post Inspector