🏷️

Meta Tag Generator

Generate SEO, Open Graph and Twitter Card meta tags. Preview how your page looks in Google search results and social media shares.

Aim for 50–60 characters. Currently: 48 chars.

Aim for 120–160 characters. Currently: 109 chars.

Comma-separated. Note: most search engines ignore keywords meta today.

Google Search Preview
🌐
My Website
https://example.com
My Awesome Website — Fast, Free & Powerful Tools
Discover a collection of free online tools for developers, designers and everyday users. No sign-up required.
Title too short — aim for 50–60 chars
Description too short — aim for 120–160 chars
Generated HTML 
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>My Awesome Website — Fast, Free & Powerful Tools</title>
<meta name="description" content="Discover a collection of free online tools for developers, designers and everyday users. No sign-up required." />
<meta name="keywords"    content="free tools, online tools, developer tools, web tools" />
<meta name="author"      content="Your Name" />
<meta name="robots"      content="index, follow" />
<link rel="canonical"    href="https://example.com" />
<meta name="theme-color" content="#6366f1" />

<!-- Open Graph -->
<meta property="og:type"        content="website" />
<meta property="og:title"       content="My Awesome Website — Fast, Free & Powerful Tools" />
<meta property="og:description" content="Discover a collection of free online tools for developers, designers and everyday users. No sign-up required." />
<meta property="og:url"         content="https://example.com" />
<meta property="og:image"       content="https://example.com/og-image.png" />
<meta property="og:site_name"   content="My Website" />
<meta property="og:locale"      content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card"        content="summary_large_image" />
<meta name="twitter:title"       content="My Awesome Website — Fast, Free & Powerful Tools" />
<meta name="twitter:description" content="Discover a collection of free online tools for developers, designers and everyday users. No sign-up required." />
<meta name="twitter:image"       content="https://example.com/twitter-card.png" />
<meta name="twitter:site"        content="@mywebsite" />
<meta name="twitter:creator"     content="@author" />