Meta Tag Generator
Build the <title>, meta description, Open Graph and Twitter Card tags for a page and paste them into its <head>. A Google result and a social card preview update as you type.
- Runs in your browser
- Nothing is fetched or uploaded
- Open Graph and Twitter tags
- Built by Mohamed Nasreldeen
Fill in your page details
Generate title, description, Open Graph and Twitter Card tags to paste into your <head>. Nothing is fetched or uploaded.
Google result preview
Social share preview
How to use the meta tag generator
Fill in your page details
Enter your page title, description, URL and the image you want to show when the link is shared.
Check the live preview
Watch the Google result preview and the social card preview update as you type, so you can fine-tune the wording and the image.
Copy the tags into your head
Click copy and paste the generated <meta> tags directly into the <head> of your HTML.
What this meta tag generator does (and what it doesn't)
The meta tag generator produces clean markup for the four things that control how a page looks in search and on social: the <title>, the <meta name="description">, the Open Graph (og:) tags used by Facebook and LinkedIn, and the Twitter Card tags used by X. You copy that markup and paste it into your page yourself.
To be clear about the limits: this tool does not fetch, scan, crawl or upload your site, and nothing you type is sent anywhere - it all stays in your browser. The live preview is an approximation, because real rendering varies by platform, and social networks cache previews, so after you publish you may need each platform's own debugger to refresh what they show. You host the Open Graph image yourself; a 1200x630 image is the safe recommendation.
Frequently asked questions
Does this meta tag generator upload or scan my site?
No. It only builds tag markup from what you type. It never fetches, crawls or uploads your pages, and nothing leaves your browser.
Where do I put the generated tags?
Paste them inside the <head> element of your HTML page, ideally near the top before any visible content.
Why doesn't my new preview show up when I share the link?
Facebook, LinkedIn and X cache link previews. After publishing your tags you usually need to run the link through that platform's own sharing debugger to refresh the cached preview.
What image size should I use?
We recommend a 1200x630 image you host yourself. That ratio works well across Facebook, LinkedIn and X large-image cards.
Is the preview exactly what users will see?
It's a close approximation. Each platform renders cards slightly differently and may truncate text, so treat the preview as a guide rather than a pixel-perfect mockup.
Affiliate link. A title tag starts with a keyword people actually search for. KWFinder shows search volume and difficulty per keyword and has a free tier. If you buy through this link, NasrTech earns a commission.