Meta Tag Generator

Generate HTML meta tags for SEO. Create title, description, viewport, robots, and Open Graph social media meta tags with live preview and one-click copy.

Basic Meta Tags
Essential meta tags for SEO and browser display
0/60 chars
0/160 chars

Comma-separated keywords (less important for modern SEO)

Allow search engines to index this page

Allow search engines to follow links on this page

indexfollow
Open Graph Tags
Control how your page appears on Facebook and LinkedIn

Recommended: 1200x630 pixels

Twitter Card Tags
Control how your page appears when shared on Twitter/X
Generated Meta Tags
Paste this code into the <head> section of your HTML
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

Frequently Asked Questions

What are meta tags and why are they important for SEO?

Meta tags are HTML elements placed in the head section of a web page that provide metadata about the page. They help search engines understand your content, control how your page appears in search results, and determine how your content is displayed when shared on social media. Key meta tags include title, description, robots, and Open Graph tags.

What is the recommended length for meta title and description?

The recommended length for a meta title is under 60 characters to avoid truncation in Google search results. For meta descriptions, aim for under 160 characters. These limits ensure your content displays fully in search engine results pages (SERPs) and social media shares.

What are Open Graph tags and how do they work?

Open Graph (OG) tags are meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and others. They specify the title, description, image, and URL that appear in the social share preview card. Without OG tags, social platforms will try to auto-generate a preview which may not look ideal.

What is the difference between index/noindex and follow/nofollow?

The index/noindex directive tells search engines whether to include a page in their search results. The follow/nofollow directive tells search engines whether to crawl and follow the links on the page. For most public pages, you want 'index, follow' to maximize SEO visibility.

Do I need both Open Graph and Twitter Card tags?

While Twitter can fall back to Open Graph tags, it is best practice to include both. Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) give you specific control over how your content appears on Twitter/X, while Open Graph tags handle Facebook, LinkedIn, and other platforms.

Related Tools