Open Graph Meta Generator
Generate Open Graph and Twitter Card tags
What is Open Graph Meta Generator?
This Open Graph tag generator turns a title, description, URL, and preview image into a complete set of social sharing tags, along with matching Twitter Card tags and a canonical link, and warns you when the title or description runs long. Everything is generated locally in your browser.
How to use Open Graph Meta Generator
- 1Enter your title and description, watching the length hints shown above the fields.
- 2Enter the canonical page URL and the preview image URL; both must be absolute.
- 3Pick the content type and the card style.
- 4Copy the tags into the head of your page.
Frequently asked questions
Why does my preview image not show up when I share the link?+
There are four usual causes: the image URL is relative rather than absolute, the image requires authentication to load, the file is too large (keep it under roughly 300 KB), or the platform has cached an older version of the page. After fixing the tags, use each platform's debugging tool to force a cache refresh.
Do I need both og:title and the title tag?+
Include both. The title tag drives search results and the browser tab, while og:title drives the social sharing card, and the two do not have to match. A share title can be more conversational and attention-grabbing, whereas the title tag should lean toward keywords and precision.
Related tools
All toolsHTTP Status Codes
HTTP status code reference with likely causes and where to look
URL Parser
Break a URL into its components and query parameters
MIME Type Lookup
MIME type and file extension reference
User Agent Parser
Parse a User-Agent string into browser and OS details
CIDR Subnet Calculator
CIDR subnet calculator with membership checks
HTTP Header Analyzer
Inspect response headers and security header coverage