What is Open Graph?
A plain-English definition, and the tools that work with it.
Open Graph is a set of meta tags (og:title, og:description, og:image) that control how a link looks when shared on social media and messaging apps. They produce the title, description and preview image in the share card, without them, a shared link often appears blank.
- The og:image is what makes a shared link show a picture. The recommended size is 1200×630 pixels.
- Open Graph is separate from your SEO title tag. You can tune the social preview independently of search.
- Missing Open Graph tags are the usual reason a link shares with no image or the wrong text.
Tools for Open Graph
Free, private and in your browser. No sign-up.
Open Graph Generator
Build correct Open Graph (og:) meta tags and see a live Facebook and LinkedIn share-card preview as you type, copy the ready-to-paste markup, 100% in your browser.
Meta Tag Generator
Generate perfect SEO meta tags, Open Graph and Twitter Card markup with a live Google snippet and social-card preview, copy the ready-to-paste <head> code, 100% in your browser.
Open Graph Preview
Preview exactly how your link unfurls on Facebook and LinkedIn, paste your page's HTML or type the fields, with a live share card and a plain-English audit of every missing or oversized Open Graph tag. Nothing is uploaded.
Meta Tag Analyzer
Paste a page's HTML to audit its title, description, canonical, robots, Open Graph and Twitter Card tags: with a length score, missing/duplicate checks and a live search & social preview, 100% in your browser.
Open Graph problems we solve
Hit one of these? Here's the fix.
- My site has no meta tags or preview when sharedA blank preview costs you clicks. Add the right tags so Google and social show a proper title, description and image.
- I want to check my page's SEO and meta tagsSee your page the way Google and social platforms do, then fix the missing title, description or heading structure.
Frequently asked questions
Related terms
- Meta descriptionA meta description is a short HTML tag summarising a page's content. Search engines often show it as the snippet under your title in results, so a clear, unique description acts like ad copy. It doesn't directly boost rankings but strongly affects whether people click.
- Structured data (Schema)Structured data is machine-readable markup (usually Schema.org JSON-LD) that describes a page's content to search engines. It makes a page eligible for rich results (FAQ drop-downs, star ratings, recipe cards, article listings) that stand out in search and can lift click-through.
Keep exploring
Related tools
Problems we solve
Definitions
From the blog
Common tasks
Try Open Graph Generator
Free, private and instant. Everything runs in your browser.