Loading...
Fill in your page details and get a ready-to-paste block of standard, Open Graph, and Twitter Card meta tags — with live previews.
0 / 60
0 / 160
example.com
Your page title will appear here
Your meta description will appear here once you start typing
example.com
Your page title will appear here
Your meta description will appear here once you start typing
Meta tags tell search engines and social platforms how to display your page in results, link previews, and shared posts. This tool builds a complete, correctly escaped tag block from a simple form, with live previews so you can see exactly how your page will look before you publish.
Where do I paste these meta tags?
Paste the entire block inside the '<head>' section of your page's HTML, ideally near the top, before other resources load.
What's the difference between meta description and Open Graph description?
The meta description is used by search engines in results listings, while og:description is used by social platforms like Facebook and LinkedIn when your link is shared. They can be the same text, but tailoring og:description to be more social-friendly (shorter, more engaging) often performs better.
Why is my title or description shown in amber?
It means you've gone past the length search engines typically display in full — around 60 characters for titles and 160 for descriptions. Longer text usually gets truncated with an ellipsis.
Which meta tags actually affect SEO ranking?
Honestly, very few directly influence ranking. The title tag and meta description mainly affect click-through rate from search results, not your position — Google largely ignores the keywords meta tag today. Robots and canonical tags matter more for indexing than ranking.
Does this tool submit my data anywhere?
No. Every field, the generated tag block, and the previews are all built locally in your browser with JavaScript — nothing is sent to a server.
Do I need both Open Graph and Twitter Card tags?
Not strictly — Twitter/X will read Open Graph tags as a fallback — but including dedicated Twitter Card tags lets you choose a different image or summary layout specifically for Twitter/X shares.
Every field you type and the entire generated tag block stay in your browser. Nothing is uploaded, logged, or stored on our servers.