π·οΈ Meta Tag Generator
Generate perfect HTML meta tags for SEO, Open Graph, and Twitter Cards
Meta Tags: Your Page's First Impression
Meta tags don't appear on your page visually, but they control how your page looks everywhere else β in search results, on social media, in browser tabs. Get them wrong, and your link looks like every other result. Get them right, and you stand out in ways that directly impact clicks and traffic.
The Title Tag: The Most Important On-Page SEO Factor
Your title tag is the clickable headline in search results. It's also a major ranking factor. Guidelines:
- Length: 50-60 characters max. Beyond that, Google truncates with "..."
- Keyword placement: Put your primary keyword near the beginning
- Brand inclusion: Add "| Brand Name" at the end for brand recognition
- Uniqueness: Every page needs a unique title
Meta Description: The Ad Copy for Your Page
The meta description doesn't directly affect rankings β Google has said this explicitly. But it massively affects click-through rate, which indirectly helps rankings. Treat it like ad copy: compelling, relevant, with a call to action.
Common mistake: leaving descriptions empty. Google will auto-generate one from page content, and you lose control over what shows in results.
Open Graph Tags: Why Social Shares Look Empty
You've seen it: someone posts a link and it shows just a URL with no image, no description. That's missing Open Graph (OG) tags.
The four essential OG tags:
<meta property="og:title" content="Your Title">
<meta property="og:description" content="Description shown on social">
<meta property="og:image" content="https://yoursite.com/image.jpg">
<meta property="og:url" content="https://yoursite.com/page">Twitter Cards vs. Open Graph
Twitter doesn't automatically read OG tags. You need Twitter-specific meta:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Title">
<meta name="twitter:description" content="Description">
<meta name="twitter:image" content="https://yoursite.com/image.jpg">Common Mistakes That Kill CTR
- Descriptions over 160 characters (truncated awkwardly)
- Same description on every page (better than empty, but still generic)
- OG images that are too small or missing
- Forgetting the canonical tag (duplicate content issues)
Step-by-Step Guide
- Enter your page title β This appears in browser tabs and search results. Keep it under 60 characters for full display. Include your brand name when appropriate.
- Write your meta description β This is the snippet shown in search results. Aim for 120-160 characters, include a call-to-action, and naturally incorporate your target keyword.
- Add keywords (optional) β While Google ignores keywords meta tags, some tools still use them. Include 5-10 relevant keywords, comma-separated.
- Enter page URL β Your canonical URL. This helps search engines understand the authoritative version of your page.
- Add OG image URL β The image that appears when your page is shared on Facebook, LinkedIn, etc. Recommended size: 1200x630 pixels.
- Configure remaining options β Set OG type (website, article, etc.), robots directives, and viewport settings.
- Generate and copy β Click Generate, then copy the code and paste it into the
<head>section of your HTML.
Tips & Best Practices
- Title under 60 characters β Longer titles get truncated in search results. Front-load important keywords.
- Unique descriptions for each page β Don't duplicate descriptions across pages. Each page should have a unique, descriptive summary.
- Always include Open Graph tags β Social platforms will choose random content without OG tags. Control your brand image on social media.
- Use compelling descriptions β Include a benefit or call-to-action in your description to improve click-through rates from search results.
Frequently Asked Questions
Meta tags are HTML elements that provide metadata about a web page. They sit in the head section of your HTML and tell search engines and social media platforms what your page is about, how to display it, and whether to index it.
Open Graph tags control how your content appears when shared on Facebook, LinkedIn, and other social platforms. Without them, social platforms may choose random images or text, making your shares look unprofessional.
Google typically displays 120-160 characters of a meta description. Aim for 150-160 characters to ensure your full message appears in search results without being cut off.
Google has not used the keywords meta tag for ranking since 2009. However, some smaller search engines and tools may still reference it, so it doesn't hurt to include relevant keywords.