Skip to main content
Toolisti

Meta Tag Generator

Create optimized meta tags for better search engine visibility. Generate title tags, meta descriptions, canonical URLs, robots directives, Open Graph tags, and Twitter Cards with real-time preview and character count indicators.

Basic Meta Tags

0 characters
0 characters

Robots Directives

Open Graph Tags

Twitter Card

Google Search Preview

This is how your page may appear in search results

https://example.com/page
Page Title
Meta description will appear here...

Generated Code

<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
All processing happens in your browser. No data is sent to any server.
🔗

Embed This Tool

Add this tool to your website with customizable styling

Get Embed Code

How to Use

1

Enter your page title

Add your page title (50-60 characters recommended). The character counter shows optimal, acceptable, and too-long ranges.

2

Write your meta description

Create a compelling description (150-160 characters recommended) that will appear in search results.

3

Add optional tags

Include keywords, author, canonical URL, and configure robots directives (index/noindex, follow/nofollow).

4

Copy your generated code

Preview your tags in the Google search preview, then copy the generated HTML code to paste into your website's head section.

Frequently Asked Questions

What is the ideal length for a meta title?

Google typically displays 50-60 characters of a title tag. Titles longer than 60 characters may be truncated in search results. Our generator shows a green indicator for optimal length (50-60 chars), yellow for acceptable (under 50), and red for too long (over 60).

How long should my meta description be?

Meta descriptions should be 150-160 characters. Google may display up to 155-160 characters on desktop and around 120 on mobile. Make sure your most important information appears early in the description.

What's the difference between noindex and nofollow?

"noindex" tells search engines not to include the page in search results. "nofollow" tells them not to follow links on that page. You might use noindex for thank-you pages or internal search results, and nofollow for pages with user-generated links.

Do I need both Open Graph and Twitter Cards?

While Twitter can fall back to Open Graph tags, having both ensures optimal display across all social platforms. Twitter Cards offer specific features like card types that aren't available in Open Graph.

Related Tools