Which meta tags are most important?

Essential for SEO: (50-60 chars), (140-160 chars). Essential for mobile: . Essential for charset: . Optional but useful: keywords, author, robots, refresh, canonical.

Does Google use meta keywords?

No. Google ignored meta keywords for over a decade due to spam abuse. Don't include them — they're a waste of bytes. Some other search engines (Yandex) may use them. For SEO, focus on title, description, and content quality.

What's the difference between description and og:description?

is for search engines (used in SERPs). og:description is for social media (used in shares). Both should be similar but tailored to context: descriptions are for search clicks; og:descriptions are for social engagement. Keep them under 160 chars.

What about robots meta tags?

Controls search engine behavior. is the default — index the page and follow its links. 'noindex' tells search engines not to index the page, while 'nofollow' tells them not to crawl its links. Useful for drafts (noindex), pages with thin content (noindex,follow), or contexts where you don't want to pass link equity (nofollow).

How do meta tags affect mobile?

tells mobile browsers to adapt layout to device width (responsive design). Without it, mobile browsers render desktop-width pages and zoom out, creating tiny text. Essential for any modern website.

Should I generate meta tags by hand?

For static sites, yes — directly write into HTML. For dynamic sites, generate per-page from CMS data. Most modern frameworks (Next.js, Gatsby) generate meta tags automatically based on page metadata. The generator helps create the template; integrate into your build/templating system.

Is the data sent anywhere?

No. Meta tag generation happens entirely in your browser. Useful for previewing, copying, or generating templates.

Meta Tag Generator

Generate SEO meta tags for your website online. Free meta tag generator with title, description, keywords, and viewport tag output.

Web & SEO

Instant results

Basic SEO

Page Title (0/60 recommended)

Description (0/160 recommended)

Keywords (comma separated)

Author

Robots

Canonical URL

Social Media (Open Graph & Twitter)

OG Title (optional, defaults to title)

OG Description (optional)

OG Image URL

OG Type

Twitter Card

Twitter @username

Generated Meta Tags

<meta name="robots" content="index, follow">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="">
<meta property="og:description" content="">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="">
<meta property="twitter:description" content="">

Google Preview

Page Title

https://example.com

Page description will appear here...

About Meta Tags

Meta tags provide information about your webpage to search engines and social media platforms. Proper meta tags improve SEO and ensure your content displays correctly when shared on social media.

How to Use Meta Tag Generator

Enter page metadata

Provide: title, description, charset, viewport, author, robots directives. Each tag has specific best practices the generator follows.

Choose options

Select robots policy (index/follow), specify language, add OG tags for social sharing, configure mobile viewport scaling.

Get complete <head> snippet

The generator produces a complete set of meta tags ready to paste into your HTML <head>. Includes essential SEO and mobile tags.

Customize per page

Use the generator's output as a template. Customize title and description for each unique page on your site.

When to Use Meta Tag Generator

New website setup

Building a new site? Start with a complete meta tag template. Generator produces: charset, viewport, title, description, OG tags, Twitter Cards. Copy into base template, customize per page. Foundation for all SEO work.

SEO audit and optimization

Audit existing pages for missing meta tags. The generator creates complete tag sets per page so you can identify pages lacking proper tags and generate optimized versions. This matters for blogs, product catalogs, and service pages.

Building responsive mobile sites

Without proper viewport meta, mobile sites render wrong. The generator includes proper viewport tag in every output. Critical for any new mobile-friendly site or modernizing legacy sites.

Social sharing optimization

OG and Twitter Card tags affect social media engagement. Generator produces them alongside basic meta tags. Significant impact on click-through rates from social shares.

Meta Tag Generator Examples

Basic SEO tags

Input

Page: 'JSON Beautifier' description '...format JSON instantly'

Output

<title>JSON Beautifier - Tool</title>\n<meta name="description" content="Format JSON instantly...">\n<meta name="viewport" content="width=device-width, initial-scale=1">\n<meta charset="UTF-8">

Essential meta tags every modern page needs. Title and description for SEO; viewport for mobile; charset for character encoding. Generator produces these as a baseline.

Article-specific tags

Input

Article on tech blog

Output

<meta name="author" content="Author Name">\n<meta name="keywords" content="...">\n<meta property="og:type" content="article">\n<meta property="og:article:published_time" content="2024-01-15T08:00:00Z">

Articles benefit from author, keywords, and article-specific OG tags. Helps search engines and social platforms understand content type. Date in ISO 8601 format for structured data.

Robots and indexing

Input

Restricted page with noindex

Output

<meta name="robots" content="noindex, nofollow">

For pages you don't want indexed (drafts, login pages, admin), use noindex. nofollow tells search engines not to follow links from this page either. Generator handles all common combinations.

Tips & Best Practices for Meta Tag Generator

1.Title tag is most important for SEO. 50-60 chars; include primary keyword; make it compelling for click-through.
2.Description appears in search results. 140-160 chars; concisely describe page; can include call-to-action.
3.Don't use 'meta keywords' for SEO — Google ignores it. Other engines may use; for most sites, omit.
4.Always include viewport meta for mobile. Without it, mobile experiences are awful.
5.Test pages in different rendering contexts: search results (Google preview), social media shares (Facebook Debugger), browser tabs (favicon).
6.Use canonical tag for SEO when multiple URLs serve same content. Tells Google which is the 'real' version.

Frequently Asked Questions

Meta tags are HTML tags in the <head> section that provide metadata about your page: title, description, keywords, charset, viewport, author, robots, etc. Some affect SEO (title, description), some affect display (viewport for mobile), some affect behavior (robots: index/noindex).

Meta Tag Generator

Basic SEO

Social Media (Open Graph & Twitter)

Google Preview

About Meta Tags

How to Use Meta Tag Generator

Enter page metadata

Choose options

Get complete <head> snippet

Customize per page

When to Use Meta Tag Generator

New website setup

SEO audit and optimization

Building responsive mobile sites

Social sharing optimization

Meta Tag Generator Examples

Basic SEO tags

Article-specific tags

Robots and indexing

Tips & Best Practices for Meta Tag Generator

Frequently Asked Questions

Related Tools

Sitemap Generator

Open Graph Generator

Robots.txt Generator

Schema Markup Generator

.htaccess Generator

HTML Link Extractor