Generate SEO meta tags, Open Graph, and Twitter Card tags with live previews for Google, Facebook, Twitter, WhatsApp, and Slack.
Recommended: 1200×630px · JPG or PNG · under 5MB
Google SERP
Facebook / LinkedIn
Twitter / X
<!-- Basic Meta Tags --> <title>Page Title</title> <meta name="description" content="Page description">
<!-- Open Graph Tags --> <meta property="og:title" content="Page Title"> <meta property="og:description" content="Page description"> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US">
<!-- Twitter Card Tags --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Page Title"> <meta name="twitter:description" content="Page description">
Open Graph (OG) tags are HTML meta tags that control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and other social platforms. They define the title, description, image, and URL that appear in the shared link preview. Without OG tags, platforms generate previews automatically, which often look broken or miss important information.
The recommended size for og:image is 1200×630 pixels with a 1.91:1 aspect ratio. This size works well across Facebook, LinkedIn, Twitter (summary_large_image), and WhatsApp. Keep the file size under 5MB. Use JPG for photographs and PNG for graphics with text.
The summary card shows a small square thumbnail (144×144px minimum) to the left of the title and description. The summary_large_image card shows a large image above the title and description, taking up much more space in the timeline. Use summary_large_image for content where the image is important (blog posts, products, portfolios) and summary for content where the text is more important.
Twitter/X will fall back to Open Graph tags if Twitter Card tags are not present. However, including both gives you maximum control over how your content appears on each platform. The title and description can differ between OG and Twitter tags, allowing you to optimize for each audience.
After publishing your page with the generated tags, use these official debuggers: Facebook Sharing Debugger (developers.facebook.com/tools/debug/), Twitter Card Validator (cards-dev.twitter.com/validator), and LinkedIn Post Inspector (linkedin.com/post-inspector). These tools fetch your page and show exactly how the preview will appear.
Advertisement