Facebook Open Graph Meta Tags & Specs
The exact Open Graph specifications for Facebook. Copy-paste the required meta tags, image sizes, and best practices for perfect link previews.
Updated December 2025 3 min read
Quick Answer
Facebook recommends a 1200ร630px image (1.91:1 ratio). Always use absolute HTTPS URLs and include the
og:title, og:description, og:image, and og:url tags. Facebook Image Specs
Recommended Size
1200 ร 630px
1.91:1 Aspect Ratio
File Limitations
Max 8MB
Formats: JPG, PNG, WebP, GIF
Required Meta Tags
Basic HTML
html
<!-- Essential Open Graph Tags for Facebook -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your compelling description" />
<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" />
<!-- Recommended specific sizing for faster load times -->
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Nuxt 3
typescript
useSeoMeta({
ogTitle: 'Your Page Title',
ogDescription: 'Your compelling description',
ogImage: 'https://example.com/image.jpg',
ogUrl: 'https://example.com/page',
ogType: 'website',
ogImageWidth: '1200',
ogImageHeight: '630',
})Next.js
typescript
export const metadata = {
openGraph: {
title: 'Your Page Title',
description: 'Your compelling description',
images: [{
url: 'https://example.com/image.jpg',
width: 1200,
height: 630,
alt: 'Image alt text'
}],
url: 'https://example.com/page',
type: 'website'
}
}Top 3 Best Practices
- Use absolute image URLs (e.g.,
https://your-site.com/image.jpg) instead of relative paths. - Ensure og:url matches the canonical URL of the page to consolidate likes and shares.
- Keep text out of the bottom 20% of the image, as Facebook occasionally overlays the domain there.
Troubleshooting
Cache Won't Clear?
Facebook caches metadata aggressively. If your updated tags aren't showing up, you must force Facebook's scraper to fetch the new version.
Open Facebook Sharing DebuggerTest Your Facebook Link Previews
Preview how your links will appear on Facebook and all other platforms instantly.
Try the Free Preview Tool