Open Graph Preview
Design ToolsPreview social share cards
example.com
Page Title
Page description will appear here.
<meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" />
About Open Graph Preview
Preview how your URL appears when shared on Facebook, Twitter, and LinkedIn.
Frequently Asked Questions
What are Open Graph meta tags?
Open Graph meta tags are HTML tags that control how your page appears when shared on social media platforms like Facebook, Twitter, and LinkedIn. They define the title, description, and image shown in the preview card.
What is the ideal title length for Open Graph?
Keep your Open Graph title under 60 characters for best results. Longer titles may be truncated on some platforms. This tool shows a warning when your title exceeds the recommended length.
What image size works best for social sharing?
Facebook recommends 1200x630 pixels, Twitter recommends 1200x628 pixels for summary large image cards. Using a high-resolution image ensures your content looks great across all platforms.
Is my data safe?
Yes! All processing happens entirely in your browser. Your meta tag data is never sent to any server. No data is collected, stored, or transmitted.
How do I use the generated meta tags?
Copy the generated meta tags and paste them inside the <head> section of your HTML page. Search engines and social media crawlers will read these tags when your page is shared.
Ad
728 × 90