Open Graph Preview for Nuxt
See exactly how your link will appear on Facebook, Twitter/X, LinkedIn, and Telegram — then grab the meta tag code.
Open Graph Settings
Recommended: 1200×630px, JPG or PNG, < 8MB
Twitter Card Settings
Social Card Preview
Generated Meta Tags
Frequently Asked Questions
What are Open Graph tags and why are they important?
Open Graph (OG) tags are HTML meta tags that control how your website appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and Telegram. They define the title, description, image, and URL shown in link previews. Without OG tags, platforms will guess what to display — often resulting in missing images, truncated titles, or irrelevant descriptions. Proper OG tags can significantly increase click-through rates from social shares.
What is the recommended og:image size?
The recommended og:image size is 1200×630 pixels with an aspect ratio of 1.91:1. This works well across Facebook, Twitter (summary_large_image), LinkedIn, and Telegram. Use JPG or PNG format and keep the file size under 8MB (under 1MB is ideal for fast loading). For Twitter's "summary" card type, a square 1:1 image (minimum 144×144px) is used instead. Always ensure important text or logos are centered, as some platforms may crop the edges.
What's the difference between og:title and the HTML title tag?
The HTML <title> tag controls what appears in the browser tab and search engine results, while og:title specifically controls what title is shown in social media link previews. They can be different: your HTML title might include your brand name (e.g., "Best Running Shoes | Nike"), while your og:title could be more engaging for social sharing (e.g., "10 Running Shoes That'll Make You Faster"). Keep og:title under 60 characters for best results.
How do I debug Open Graph tags on Facebook?
Use the Facebook Sharing Debugger at developers.facebook.com/tools/debug/. Paste your URL and click "Debug" to see exactly which OG tags Facebook reads. If you've updated your tags, click "Scrape Again" to force Facebook to re-crawl the page. For Twitter, use the Twitter Card Validator. LinkedIn has a Post Inspector for similar debugging.
More Free Tools
Get your SEO Checklist
Get the Ultimate 2026 SEO Checklist
50 actionable steps to rank your site on page 1. Drop your email to unlock it instantly.