GSCdaddyOpen Graph Generator
Control how your pages appear when shared on Facebook, Twitter, LinkedIn, and other social platforms. Fill in the fields below to generate your OG and Twitter Card meta tags instantly.
Recommended size: 1200 x 630 px
Social Card Preview
example.com
Page Title
Page description will appear here.
Want to find which pages need these fixes?
GSCdaddy scans your Google Search Console data and tells you exactly what to optimize — with AI-powered action plans for every page.
Try GSCdaddy FreeHow to use this tool
- 1Enter your page details — Add the title, description, URL, and image URL you want to appear in social share cards.
- 2Choose your card type — Select the OG type (website, article, etc.) and Twitter Card format (summary or large image).
- 3Preview the social card — See a live preview of how your link will look when shared on social media.
- 4Copy the meta tags — Click the copy button and paste the generated HTML into your page's <head> section.
Why use an Open Graph generator?
- ✓Control exactly how your pages look when shared on Facebook, Twitter, LinkedIn, and other platforms.
- ✓Improve click-through rates from social media by crafting compelling titles, descriptions, and images.
- ✓Maintain brand consistency across every platform where your content gets shared.
- ✓Avoid broken or missing previews that make shared links look unprofessional and reduce engagement.
Frequently asked questions
What are Open Graph meta tags?
Open Graph meta tags are snippets of HTML that control how your page title, description, and image appear when someone shares a URL on social media platforms like Facebook, LinkedIn, and Pinterest. Without them, platforms guess which content to display and often get it wrong.
What is the difference between Open Graph tags and Twitter Card tags?
Open Graph tags (og:title, og:description, og:image) are used by most social platforms including Facebook and LinkedIn. Twitter Card tags (twitter:card, twitter:title, twitter:description) are specific to Twitter/X. Twitter will fall back to OG tags if no Twitter Card tags are present, but adding both gives you full control over how your content appears on every platform.
What is the recommended og:image size?
The recommended Open Graph image size is 1200 x 630 pixels with an aspect ratio of 1.91:1. This size works well across Facebook, LinkedIn, and Twitter when using the summary_large_image card type. Keep the file size under 5 MB and use JPEG or PNG format for best compatibility.
Do I need both OG and Twitter Card meta tags?
Strictly speaking, no. Twitter will fall back to Open Graph tags if Twitter-specific tags are missing. However, adding both gives you more control. For example, you might want a different title or description length on Twitter versus Facebook. The summary_large_image card type also has no direct OG equivalent.
Where do I put Open Graph meta tags in my HTML?
Open Graph and Twitter Card meta tags go inside the <head> section of your HTML page. They must be present in the initial server-rendered HTML -- they cannot be injected by JavaScript after page load because social media crawlers do not execute JavaScript when fetching link previews.