Meta Tag Generator

Generate HTML meta tags for SEO, Open Graph, and Twitter Cards. Preview how your page appears in Google, Facebook, and Twitter.

Page Information

Page Title (0/60)

Meta Description (0/160)

Page URL

Site Name

Social Image URL

Author

Keywords

Twitter Card Type

Twitter Handle

Robots

Google Preview

https://example.com

Page Title

Add a meta description to see how it appears in search results.

Social Media Preview

example.com

Page Title

Description

Generated HTML

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<!-- Canonical -->

Frequently Asked Questions

What are meta tags?+

Meta tags are HTML elements that provide metadata about your web page to search engines and social media platforms. They control how your page appears in Google search results, Facebook shares, Twitter cards, and more.

Do meta tags affect SEO?+

Yes. The title tag and meta description directly affect click-through rates from search results. Open Graph and Twitter Card tags control how your content appears when shared on social media, which affects engagement.

What length should meta titles and descriptions be?+

Keep titles under 60 characters and descriptions under 160 characters to avoid truncation in Google search results. For Open Graph, titles can be longer since social platforms display more text.