About Meta Tag & Open Graph Generator
Generate a complete set of HTML meta tags — SEO title and description, Open Graph, and Twitter/X Cards — that control how your page appears in Google and when shared on social media. Fill in the fields, watch the live previews, and copy the ready-to-paste code.
How to Use
- Enter your page title, description, and canonical URL.
- Add a 1200×630 share image and set the site name, type, and locale.
- Set the Twitter card type and handles.
- Copy the generated tags from the output box into your page's <head>.
Why Use This Tool?
- Accurate — built on precise, well-tested mathematical formulas.
- Instant — all calculations happen client-side for zero latency.
- Private — no data is sent to any server; your information stays on your device.
- Free — no sign-up, no limits, no hidden costs.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (og:) tags tell Facebook, LinkedIn, WhatsApp, and other platforms how to display your link — the title, description, and preview image shown in the share card. Without them, platforms guess, often poorly.
What image size should I use for og:image?
1200×630 pixels (a 1.91:1 ratio) is the recommended size for a large share card. Keep it under about 5 MB and use an absolute https:// URL so platforms can fetch it.
Do meta keywords still help SEO?
No — Google has ignored the meta keywords tag for years, so it has no ranking value. The title, description, and Open Graph tags are what matter. The keywords field is included only for the rare systems that still read it.
Where do I put these tags?
Paste them inside the <head> section of your HTML page, before the closing </head>. If your site is built with a framework, add them to that page's head configuration.