Generators
Meta Tags Generator
Generate a complete SEO and Open Graph meta tags snippet.
Fill in the fields and click Generate tags.
What is the Meta Tags Generator?
Meta tags are the invisible HTML in your page's head that control how Google shows your title and description in search results, and how your link looks when shared on Facebook, WhatsApp or LinkedIn. This free meta tags generator builds the complete snippet — title, description, keywords, author, robots, theme color and Open Graph tags — with proper escaping, ready to paste.
How to use it
- Enter your page title (keep it under 60 characters so Google shows it fully).
- Write a meta description of one or two compelling sentences (aim for 140–160 characters).
- Add keywords, author name and your robots choice — index, follow suits most public pages.
- Pick a theme color and fill in the Open Graph title, description and type for social sharing.
- Click Generate tags, then Copy the snippet or Download it as an .html file.
- Paste the snippet inside the <head> section of your page.
Key features
- Full SEO set: title, description, keywords, author, robots, charset and viewport.
- Open Graph tags for rich social media previews.
- Automatic HTML escaping of quotes and special characters.
- Copy to clipboard plus downloadable .html starter file.
- Sensible defaults — OG fields fall back to your title and description.
Real-world use cases
- Adding SEO basics to a new landing page or portfolio site.
- Making blog posts show attractive previews when shared on WhatsApp.
- Setting noindex on staging or thank-you pages you do not want in Google.
- Matching the mobile browser theme color to your brand.
Practical tips
- Write descriptions for humans first — a higher click-through rate beats keyword stuffing.
- Put your main keyword near the start of the title naturally.
- Use noindex, follow for internal search pages and noindex, nofollow for login pages.
- After publishing, test your page with a social share preview debugger.
Frequently Asked Questions
Where do I paste the generated snippet?
Inside the <head> section of your HTML page, before the closing </head> tag. If you use WordPress, an SEO plugin's settings or a header-code snippet achieves the same thing.
Do keywords meta tags still matter for Google?
Google ignores the keywords meta tag for ranking, but other search engines and internal site search can use it. The title and description are what truly matter for clicks.
What is the difference between OG tags and normal meta tags?
Normal meta tags speak to search engines; Open Graph (og:) tags speak to social platforms, controlling the title, description and image shown when your link is shared.
When should I use noindex?
Use noindex for pages that should not appear in search results: staging sites, thank-you pages, login pages, internal search results and thin duplicate content.
What does theme-color do?
On mobile browsers, theme-color tints the browser's address bar and UI to match your brand, making your site feel more like a native app.