>Fafa Dev Tools

Meta Tag Generator

Generate HTML meta tags for your website including title, description, viewport, charset, robots, and author. Free online meta tag generator with instant preview.

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

What is Meta Tag Generator?

HTML meta tags provide metadata about a web page to browsers and search engines. They include the page title (shown in browser tabs and search results), description (used in search snippets), viewport settings (for responsive design), charset (character encoding), robots directives (crawl instructions), and author information. Proper meta tags are essential for SEO and social sharing.

How to Use

  1. Fill in the fields: page title, description, keywords, and author
  2. Toggle charset and viewport checkboxes (enabled by default)
  3. Select a robots directive from the dropdown (e.g., noindex for private pages)
  4. Switch between Meta Tags Only and Full HTML Page output modes
  5. Copy the generated code and paste it into your HTML <head> section

Examples

Blog post meta tags

InputTitle: How to Build a REST API | Description: Learn how to build a REST API with Node.js
Outputmeta charset, viewport, title, and description tags generated

Private page

InputTitle: Admin Panel | Robots: noindex, nofollow
OutputIncludes robots meta tag with noindex, nofollow directive

Related Tools

OG

Open Graph Preview

Preview how your URL appears when shared on Facebook, LinkedIn, and Twitter. Generate Open Graph and Twitter Card meta tags. Free online OG preview tool.

BOT

Robots.txt Generator

Generate robots.txt files for your website with allow/disallow rules for different user-agents. Free online robots.txt generator with sitemap support.

://

URL Parser

Parse any URL into protocol, hostname, port, path, query parameters, and hash. Free online URL parser with structured table output.

&

HTML Entity Encoder/Decoder

Encode or decode HTML entities instantly. Free online HTML entity encoder for special characters.

Frequently Asked Questions

What is the recommended meta description length?

Google typically shows 150-160 characters of the meta description in search results. Keep it within this limit for the best display. The tool shows a character count to help you stay within range.

Do I need the viewport meta tag?

Yes, if you want your site to work on mobile devices. Without viewport, mobile browsers render the page at desktop width and scale it down, making text tiny and requiring horizontal scrolling. Always include it for responsive design.

Should I use the keywords meta tag?

Google has not used the keywords meta tag for ranking since 2009. However, some other search engines and internal site search tools may still reference it. It does not hurt to include it but do not rely on it for SEO.