Meta Tag Generator

Name: Meta Tag Generator
Author: DevToolkit

Generate perfect SEO meta tags with live previews for Google, Twitter/X, and Facebook. See exactly how your page will appear in search results and social shares.

Page Information

Title (0/60)

Description (0/160)

Keywords

URL

Author

OG Image URL

Site Name

Twitter Handle

OG Type

Robots

Theme Color

Live Preview

example.com

Your Page Title

Your page description will appear here...

SEO Score

○Title10-60 chars

○Description50-160 chars

○OG ImageRecommended 1200x630px

○Canonical URLFull URL with https://

○Twitter CardTitle required

Generated Meta Tags

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#ffffff" />
<link rel="canonical" href="https://example.com" />

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

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

Made with DevToolkit

Live Google Preview

See exactly how your page will look in Google search results as you type.

SEO Score Check

Real-time SEO checklist validates title length, description, OG image, and more.

Copy-Ready Code

One-click copy of complete HTML meta tags ready to paste into your <head>.

Frequently Asked Questions

What are meta tags?

Meta tags are HTML elements that provide metadata about a web page. They help search engines understand your content and control how your page appears in search results and social media shares.

Which meta tags are most important for SEO?

The most important meta tags are: title tag (appears in search results), meta description (shown below title in results), canonical URL (prevents duplicate content), robots meta (controls indexing), and Open Graph tags (social sharing appearance).

How long should my meta title and description be?

Keep your title under 60 characters and description under 160 characters. Google may truncate longer titles and descriptions in search results. Our tool shows character counts to help you stay within limits.

What size should my OG image be?

The recommended Open Graph image size is 1200x630 pixels (1.91:1 aspect ratio). This works well across Facebook, Twitter, LinkedIn, and other social platforms.

Share: X LinkedIn Reddit