WebTooli
Advertisement
750 × 90

Meta Tag Generator

Create SEO-ready meta tags, Open Graph, and Twitter Card code for any page. Free, unlimited, and instant: fill in the fields and copy the finished HTML.

πŸ’‘ How to use: fill in the fields below, then copy the generated code and paste it inside your page's <head> section. On Blogger, go to Theme, then Edit HTML, and paste it right after the <head> tag (or inside a post using Custom Robot Tags in Post Settings for per-post robots control).
πŸ“ Basic Meta Tags
Best kept between 50 and 60 characters so it doesn't get cut off in search results.
Best kept between 150 and 160 characters.
πŸ€– Robots & Crawling
πŸ“˜ Open Graph (Facebook, LinkedIn, WhatsApp previews)
🐦 Twitter / X Card
✅ Generated Code
Copied!
Fill in the fields above to generate your meta tags...
Tip: keep a unique title and description for every page or post; never reuse the same ones across your whole site.

Free Online Meta Tag Generator – Create SEO Meta Tags Instantly

Meta tags are small pieces of code placed inside a page's HTML head section. They don't appear on the page itself, but they tell search engines and social media platforms what your page is about, what to show in search results, and how to display your link when it's shared on Facebook, WhatsApp, LinkedIn, or Twitter (X). Writing this code by hand is easy to get wrong, especially with fixed formats like Open Graph and Twitter Card tags, so our free meta tag generator builds it for you in seconds, correctly formatted every time.

Simply enter your page title, meta description, and a few optional details, and the tool instantly generates the complete set of tags: title, description, keywords, robots, canonical URL, Open Graph tags for social sharing, and Twitter Card tags. Live character counters show you exactly how long your title and description are, with color-coded feedback so you know when you are inside the ideal range, and won't get cut off in Google's search results. Once you're happy with the code, copy it with one click or download it as a text file, then paste it into your page's head section.

Why Meta Tags Matter for SEO

Your title and meta description are usually the first things a person sees about your page in Google's search results, so a clear, well-written pair directly affects how many people click through to your site. Open Graph and Twitter Card tags control how your page looks when someone shares your link on social media, showing a proper title, description, and image instead of a blank or broken preview. Robots tags tell search engines whether a page should be indexed at all, which matters for pages like thank-you pages or duplicate content that you don't want showing up in search. And the canonical tag helps prevent duplicate-content penalties when the same page can be reached at more than one URL. Getting all of this right is the difference between a page that ranks and gets clicked, and one that quietly disappears.

Where to Paste the Generated Code

Once you have copied the generated HTML, you need to place it inside the <head> section of your page. On Blogger, go to Theme → Edit HTML, find the opening <head> tag, and paste the code on a new line directly after it. For per-post robots control (for example, a noindex tag on just one post), you can instead use the Post Settings → Custom Robots Tags option inside the Blogger editor. On WordPress, the best approach is to use an SEO plugin like Yoast or Rank Math, which handles meta tags through their own admin UI; if you need to add custom tags manually, you can edit your theme's header.php file or use a "Insert Headers and Footers" plugin. On any static or custom HTML site, open your page's HTML file and paste the code inside the <head> element, before the closing tag. Then save, publish, and — if you are using Open Graph — use the official Facebook Sharing Debugger and Twitter Card Validator to confirm the preview looks correct. After updating existing pages, it is worth refreshing the platform's cache too, since Facebook and X sometimes show an old preview for several hours.

Free, Fast, and No Signup

This tool runs entirely in your browser, works on any device, and requires no account or installation. It's built for bloggers, small business owners, and website managers who want proper SEO tags without hiring a developer or memorizing HTML syntax. Generate a fresh set of tags for every page or post, and give search engines and social platforms exactly the information they need to show your content at its best.

Frequently Asked Questions

What is the ideal length for a meta title and meta description?
A meta title is usually best kept between 50 and 60 characters, and a meta description between 150 and 160 characters. Going beyond these limits doesn't break anything, but Google will often cut the text off with "..." in the search results, so the full message may not be seen. This tool shows a live, color-coded counter for both fields so you can stay in the ideal range.
Do meta keywords still matter for Google ranking?
The meta keywords tag no longer affects rankings on Google, since Google stopped using it as a ranking signal years ago. Some smaller search engines and older CMS platforms still read it, so it doesn't hurt to include a few relevant terms, but your real SEO effort should go into the title, description, and the actual content of your page.
Why does my shared link on Facebook or WhatsApp look broken or show no image?
This usually happens when a page is missing Open Graph tags, especially og:image, og:title, and og:description. Without them, social platforms either show a blank preview or guess incorrectly at what to display. Adding the Open Graph tags this tool generates, along with a properly sized image (1200x630 pixels works well), fixes this for Facebook, WhatsApp, and LinkedIn previews.
Where exactly should I paste the generated code?
Paste it inside the page's <head> element, before the closing </head> tag. On Blogger, go to Theme → Edit HTML and insert it right after the opening <head> tag. On WordPress, use an SEO plugin or a "Insert Headers and Footers" plugin, or edit header.php directly. On a custom HTML site, open the page file and paste it inside the head section. Always save and publish afterwards.
Meta title aur meta description ki ideal length kitni honi chahiye?
Meta title aam tor par 50 se 60 characters ke darmiyan behtar hota hai, aur meta description 150 se 160 characters ke darmiyan. Is limit se zyada hone par kuch toota nahi, lekin Google aksar baqi text ko "..." laga kar chhupa deta hai, is liye poora paigham search result mein nazar nahi aata. Ye tool dono fields ke liye live, color-coded counter dikhata hai taake aap ideal range mein rahen.
Kya meta keywords ab bhi Google ranking par asar dalte hain?
Meta keywords tag ab Google ki ranking par koi asar nahi dalta, kyunke Google ne ise kai saal pehle ranking signal ke tor par istemal karna band kar diya tha. Chand chhote search engines aur purani CMS platforms ise ab bhi parhte hain, is liye kuch relevant keywords dalna nuqsandeh nahi, lekin asal SEO mehnat title, description aur page ke content par honi chahiye.
Facebook ya WhatsApp par mera link kharab kyun dikhta hai ya image show nahi hoti?
Aksar aisa is liye hota hai kyunke page mein Open Graph tags, khaskar og:image, og:title aur og:description, maujood nahi hote. In ke baghair, social platforms ya to khali preview dikhate hain ya ghalat andaza laga lete hain. Is tool se generate kiye gaye Open Graph tags, sath mein sahi size ki image (1200x630 pixels behtareen hai), Facebook, WhatsApp aur LinkedIn preview ko theek kar dete hain.
← Back to all tools
Advertisement
750 × 90

WebTooli — Free Online Tools & Web Utilities

A curated collection of free web tools to boost your productivity — organized by category, running entirely in your browser.

Image Tools

Advertisement
750 × 90

PDF Tools

Text Tools

Advertisement
750 × 90

SEO Tools

Calculator Tools

Converter Tools

Advertisement
750 × 90

Developer Tools

Other Tools