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.
<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" />What is Meta Tag Generator?
A meta tag generator creates the HTML head tags that tell search engines, social networks, and messaging apps how to describe and display your web page. These small but powerful snippets of code influence your click-through rate from Google results, how your link looks when shared on Facebook or LinkedIn, and how Twitter cards are rendered in feeds.
There are three major families of meta tags. Standard SEO tags include the title and description that appear in Google search results. Open Graph tags (og:title, og:description, og:image) control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and Slack. Twitter Card tags (twitter:card, twitter:title, twitter:image) define the rich preview Twitter shows for your links.
Getting all three sets right matters enormously for organic traffic and social sharing. A well-crafted description can lift click-through rates by 5-30 percent. A missing og:image means a blank grey box when someone shares your article — a major conversion killer.
This generator lets you fill in your title, description, URL, image, author, and keywords, then copies the complete ready-to-paste HTML block in seconds. No memorising tag syntax. No hunting for the right attribute names. Just fill, copy, and paste into your HTML head.
How to Use Meta Tag Generator
- Fill in your page details
Enter your page title, description (aim for 150-160 characters), canonical URL, and image URL.
- Choose tag types
Select which tag families to include — SEO, Open Graph, Twitter Card, or all three.
- Preview the output
See a live preview of how your page will appear in Google results and social sharing cards.
- Copy and paste into your HTML
Click copy to get the full ready-to-paste HTML block and drop it into your page's head section.
Key Benefits
Well-formed title and description tags improve how Google indexes and displays your page in results.
Open Graph and Twitter Card tags ensure your links look great when shared on every major platform.
The generator writes correct attribute names and escapes special characters so your tags are always valid.
SEO, Open Graph, and Twitter Card tags are generated together — no need to visit separate tools.
Frequently Asked Questions
Google typically displays 150-160 characters of your meta description in search results. Longer descriptions are truncated with an ellipsis. Aim for concise, keyword-rich copy that encourages clicks.
Facebook and most platforms recommend 1200x630 pixels at a minimum. This renders well across desktop and mobile feeds. Avoid images smaller than 600x315 as they may appear as tiny thumbnails.
No. Google stopped using the meta keywords tag for ranking around 2009. Other major search engines also largely ignore it. Focus on your title, description, and content quality instead.
Yes, but client-side SPAs need server-side rendering (SSR) or pre-rendering to ensure bots see the tags. Tools like Angular Universal, Next.js, or a CDN-level HTML rewriter can help.