Generate complete HTML meta tags for your web pages instantly. Title, description, Open Graph, and Twitter Cards. Free, no sign-up required.
0 / 160 characters
Recommended size: 1200 x 630 pixels
Other free tools to help you optimize and grow.
Paste your content and check keyword density instantly. Optimize without over-stuffing.
Use Tool →Analyze your content readability with Flesch Reading Ease and grade-level scores.
Use Tool →Check if your page title fits Google SERP limits and preview how it looks in search results.
Use Tool →Generate valid FAQ Page JSON-LD structured data for rich results in Google search.
Use Tool →How It Works
No account needed, no sign-up required. Completely free. Enter your page details and generate complete HTML meta tags in seconds.
Fill in your page title, meta description, page URL, and optionally an image URL and site name. The character counter helps you keep your description within the optimal range.
Check the character counter below the description field. Green means optimal (120-160 characters), yellow means acceptable, and red means your description needs adjustment.
Click Generate Meta Tags to create your complete HTML code block. Copy it to your clipboard with one click and paste it into your page head section. No sign-up required. Completely free.
What Are Meta Tags
Meta tags are HTML elements in your page head section that tell search engines and social platforms how to understand and display your content. This free meta tag generator creates all the essential tags for you.
Essential Meta Tags
<title>Your Page Title</title> <meta name="description" content="Your page description" /> <link rel="canonical" href="https://example.com/page" /> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="Your description" /> <meta property="twitter:card" content="summary_large_image" />
These six tags form the foundation of every page's SEO and social presence.
Meta tags serve as instructions for search engines and social media platforms. The title tag determines your clickable headline in Google results. The meta description provides the summary text below it. Together, they directly influence whether users click through to your page.
Open Graph tags control how your page looks when shared on Facebook, LinkedIn, and other social platforms. Without them, platforms guess which image and text to display, often producing unappealing previews that hurt engagement. Twitter Card tags serve the same purpose specifically for Twitter.
The canonical tag tells search engines which URL is the definitive version of a page. This prevents duplicate content issues when the same page is accessible via different URLs (with or without www, trailing slashes, or query parameters).
Well-crafted meta tags improve organic click-through rates, social sharing engagement, and overall search visibility. They are one of the easiest and highest-impact SEO optimizations you can make on any page.
Best Practices
Use this table to ensure each meta tag is within its optimal range. Following these guidelines maximizes your visibility in search results and on social media.
| Tag | Target Length | Recommendation |
|---|---|---|
| Title Tag | 50-60 characters | Include primary keyword near the beginning. Unique per page. |
| Meta Description | 120-160 characters | Compelling summary with a call to action. Unique per page. |
| OG Title | 40-60 characters | Can differ from title tag. Optimized for social sharing context. |
| OG Description | 55-200 characters | Social-focused summary. More conversational than meta description. |
| Twitter Title | 40-70 characters | Concise and attention-grabbing for the Twitter feed. |
| OG Image | 1200 x 630 px | High-quality image under 8MB. Use PNG or JPG format. |
Sources: Google Search Central, Moz, Ahrefs - 2026 best practices.
Tags by Page Type
Different page types require different meta tag strategies. Use these guidelines to tailor your meta tags for maximum impact on each page.
| Page Type | Essential Tags | Notes |
|---|---|---|
| Home page | Title, description, OG, Twitter, canonical | Brand-focused title. Broad description covering your main value proposition. |
| Blog post | Title, description, OG, Twitter, canonical, article type | Keyword-rich title. Description that teases the content and drives clicks. |
| Product page | Title, description, OG, Twitter, canonical, product schema | Include product name and key benefit in title. Price or offer in description. |
| Landing page | Title, description, OG, Twitter, canonical | Action-oriented title and description. Strong CTA language in meta description. |
| Category page | Title, description, OG, canonical | Include category name and count of items. Unique description per category. |
| About page | Title, description, OG, canonical | Brand name in title. Description highlighting mission and trust factors. |
Recommendations based on SEO industry standards, 2026.
Common Mistakes
These common mistakes silently reduce your search visibility and social engagement. Avoid them to get the most value from your meta tags.
Using the same meta description on multiple pages confuses search engines and reduces click-through rates. Every page should have a unique description that accurately reflects its specific content.
Every page needs a unique meta descriptionTitles over 60 characters and descriptions over 160 characters get truncated in search results. Your carefully crafted message gets cut off, potentially losing the most important part of your pitch.
Title: 50-60 chars | Description: 120-160 charsWithout an og:image tag, social platforms choose a random image from your page or show a generic placeholder. This dramatically reduces engagement when your content is shared on social media.
Pages with OG images get 2-3x more engagementWithout canonical tags, search engines may index duplicate versions of your pages (www vs non-www, HTTP vs HTTPS, trailing slashes). This splits your ranking signals across multiple URLs.
Always set a canonical URL for every pageWhile Twitter can fall back to OG tags, dedicated Twitter Card tags give you more control over your content appearance. Missing them means your links may display poorly in tweets.
Add twitter:card, twitter:title, and twitter:descriptionCramming keywords into your title and description makes them unreadable and can trigger search engine penalties. Write for humans first. Include your primary keyword naturally, once in each tag.
1 primary keyword per title and descriptionOptimize Your Meta Tags
These strategies help you get the most SEO and engagement value from every meta tag. All CommonNinja widgets mentioned below are free to start.
Every page on your site should have a distinct title tag that includes the primary keyword and clearly describes the page content. Duplicate titles confuse search engines and reduce your chances of ranking.
Place your primary keyword near the beginning of the title tag. Search engines give more weight to words at the start, and users scanning search results notice the first few words first.
Write meta descriptions that include a call to action. Phrases like "Discover," "Learn how," or "Get started" encourage clicks. Pair with your primary keyword for SEO and user relevance.
Accordions help you add keyword-rich FAQ sections and expandable content blocks that complement your meta tags. Structured on-page content reinforces the relevance signals in your meta tags.
Try Accordion widget →Use a 1200x630 pixel image for og:image. Include your page title or key message on the image itself. Custom OG images increase social sharing engagement by 2-3x compared to generic thumbnails.
Tabs let you present multiple content sections on a single page. Each tab can target a related topic, expanding your page coverage while keeping meta tags focused on the primary subject.
Try Tabs widget →After generating your meta tags, test how they look in Google search results and social media previews. Tools like the Facebook Sharing Debugger and Twitter Card Validator show exactly what users will see.
Whenever you update page content, review and update the meta tags to match. Outdated meta descriptions that do not reflect current content hurt click-through rates and user trust.
Meta Tags Glossary
Understand the purpose and usage of each meta tag type so you can make informed decisions about your page optimization strategy.
| Tag Type | Definition | Syntax | When to Use |
|---|---|---|---|
| Title Tag | The HTML title element that appears in browser tabs and as the clickable headline in search engine results. It is the single most important on-page SEO element for ranking and click-through rates. | <title>Page Title</title> | Every page on your website must have a unique title tag |
| Meta Description | An HTML meta tag that provides a brief summary of the page content. It appears below the title in search results and influences whether users click through to your page. | <meta name="description" /> | Every page should have a unique, compelling meta description |
| OG Tags | Open Graph meta tags control how your page title, description, and image appear when shared on Facebook, LinkedIn, and other platforms that support the Open Graph protocol. | <meta property="og:title" /> | Any page that may be shared on social media |
| Twitter Cards | Twitter-specific meta tags that control how your content appears in tweets. They support summary, summary with large image, app, and player card types. | <meta name="twitter:card" /> | Any page that may be shared on Twitter |
| Canonical URL | A link element that tells search engines which version of a URL is the preferred one. It prevents duplicate content issues when the same page is accessible via multiple URLs. | <link rel="canonical" /> | Every page, especially when URL variations exist |
From the Blog
Dig deeper into the strategies behind meta tag optimization, on-page SEO, and content strategies that drive organic traffic.
In this article, we are going to discuss SEO, explain why it’s important to the success of a website, and suggest ways t...
Read article →In this article, we will look at some important SEO factors to consider when building a website, for the purpose of incr...
Read article →In this article, we discuss the importance of readability in SEO, highlighting its impact on search engine rankings, use...
Read article →In this article, we explore how SEO enhances Instagram visibility, focusing on optimizing profiles with keywords, strate...
Read article →In this article, we discuss image compression's benefits for web performance and SEO, highlighting faster load times and...
Read article →Drive more traffic to your Squarespace website with proven SEO strategies that increase visibility and improve search ra...
Read article →