Open Graph for Facebook
Master Open Graph meta tags for Facebook: required properties, image dimensions (1200x630), Facebook Sharing Debugger, and CTR optimization.
Facebook created the Open Graph protocol in 2010 to standardize how external URLs render when shared across news feeds and Messenger. Today, Facebook processes billions of link shares daily, making Open Graph optimization essential for social traffic.
This guide details the exact tags, image requirements, and debugging tools needed for Facebook.
Required Facebook Open Graph Tags
Every page shared on Facebook must contain four mandatory Open Graph properties:
<meta property="og:title" content="Page Title Optimized for Social Sharing" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page-url" />
<meta property="og:image" content="https://example.com/images/facebook-og.png" />Recommended Facebook Tags
<meta property="og:description" content="A 150-character summary that hook users in the news feed." />
<meta property="og:site_name" content="Your Brand Name" />
<meta property="og:locale" content="en_US" />
<meta property="fb:app_id" content="1234567890" /> <!-- Optional: for Facebook Insights -->Facebook Image Sizing & Aspect Ratios
To ensure your link previews display as full-width large images on both desktop and mobile feeds:
| Specification | Value |
|---|---|
| Recommended Dimensions | 1200 × 630 pixels |
| Minimum Dimensions | 600 × 315 pixels (for large cards) |
| Aspect Ratio | 1.91:1 |
| Max File Size | 8 MB |
| Supported Formats | JPEG, PNG |
If your image is smaller than 600 × 315 pixels, Facebook will downgrade the card to a small square thumbnail.
Facebook Sharing Debugger
Facebook aggressively caches Open Graph metadata for performance. When you update your page’s OG tags, Facebook will not automatically fetch the new data until its cache expires.
How to Force Facebook to Scrape Fresh Tags:
- Navigate to the official Facebook Sharing Debugger.
- Enter your URL and click Debug.
- View the scraped metadata and preview card.
- Click Scrape Again to force Facebook’s servers to fetch the updated HTML tags.
High-CTR Facebook Preview Design Tips
- Bold Visual Contrast: Use images with strong focal points that stand out against Facebook’s white/dark background.
- Text Under 20%: Keep text overlays minimal on images to maximize visual clarity.
- Action-Oriented Description: Treat
og:descriptionas your copy prompt — encourage clicks by creating curiosity.
Related Resources
- What Is Open Graph? Complete Guide
- Open Graph Image Size Guide
- How to Test Open Graph Tags
- Preview your Facebook cards live with our Open Graph Inspector