What is the ideal title tag length?

Google displays approximately 55-60 characters for desktop titles and around 50-55 for mobile. Aim for 50-60 characters to be safe across all devices. Include your main keyword near the start and end with a compelling hook.

Do meta keywords still matter for SEO?

No. Google has officially ignored the meta keywords tag since 2009. Bing also ignores it for ranking. However, it is harmless to include and some internal site search systems still use it. Focus your efforts on title and description instead.

What is the correct Open Graph image size?

The recommended OG image size is 1200x630 pixels (1.91:1 ratio). This displays well on Facebook, LinkedIn, and WhatsApp. For Twitter large cards, use 1200x628. Images smaller than 600x315 may not display as previews on some platforms.

What is the difference between og:title and the title tag?

The HTML tag controls what appears in browser tabs and search results. The og:title controls what appears when your page is shared on social media. They can be different — often the social title is more engaging while the SEO title is more keyword-focused.

How do I test my meta tags after adding them?

Use Facebook's Sharing Debugger, Twitter's Card Validator, and LinkedIn's Post Inspector to test how your tags render. You can also use this tool's live preview tabs to see exactly how your page will look before publishing.

OffRankSEO

Free Audit

Get Started

Home›Free Tools›Meta Tag Generator

Meta Tag Generator

Q: Where do I paste meta tags in my website?

Meta tags must be placed inside the ... section of your HTML document, before the closing tag. If you use WordPress, add them through an SEO plugin like Yoast or Rank Math, or use this generator and paste into your theme's header.php file.

Generate complete HTML meta tags with live Google, Facebook, and Twitter previews. Perfect for SEO, social sharing, and structured data.

🔒 100% Free⚡ Instant📋 Copy-Ready Code

Metadata Options

Config Form

Page Title *0 / 60

👍 Perfect SEO length.Optimal: 50-60 characters.

Meta Description *0 / 160

👍 Good length index.Optimal: 120-160 characters.

Meta Keywords (optional)

💡 Note: Meta keywords have minimal SEO search-bots ranking weight today, but we support this tag for legacy directories compatibility.

Canonical URLTells search engines the primary authoritative version of this link page.

Robots Index

Robots Follow

Controls whether search crawlers index this layout and pass linkage equity authority.

Author Name

Page Language

📊 PREVIEW VIEWPORTS PLATFORMS

Live Mockup Node (google)

Desktop SERP Listing

yourwebsite.com › page⋮

Untitled Page

Please fill in metadata description...

Mobile SERP Preview

yourwebsite.com › page⋮

Untitled Page

Please fill in description...

Generated Meta Tags OutputHTML

<!-- Meta Tags Generated with OffRankSEO Tools -->
<!-- Basic SEO Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index,follow">
<link rel="icon" href="/favicon.ico">
<meta name="theme-color" content="#3B82F6">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="https://offrankseo.com/assets/og-image.jpg">
<meta property="og:type" content="website">
<meta property="og:url" content="https://yoursite.com/page-url">
<meta property="og:site_name" content="OffRankSEO">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="https://offrankseo.com/assets/og-image.jpg">

How to Use the Meta Tag Generator

1. Fill in Your Details

Enter your page title, description, and canonical URL. Watch the live Google SERP preview update instantly on every keystroke.

2. Add Social Sharing

Expand Open Graph & Twitter Card sections. Configure article-specific details and social images for pristine social feeds.

3. Copy & Paste Tags

Click "Copy Code Block" or "Download .html" file. Paste those outputs inside the HTML files head block containers safely.

What Are Meta Tags and Why Do They Matter?

Meta tags are snippets of HTML code that provide structural information about your web page to search engines and social media platforms. They do not appear directly on the visual page itself, but they play a critical role in how your content get crawled, cataloged, indexed, parsed, and displayed inside search index grids.

The title tag and meta description are the most vital primary SEO parameters. They directly impact click-through organic engagement performance indices (CTR). A well-tailored strategic headline containing numbers or trigger power keywords improves clicks by up to 36% in natural competitive indexes.

🚀 Title Tag Best Practices For Optimization

Keep page title length strictly between 50-60 characters to prevent unwanted truncation inside google viewports.
Include your primary keyword naturally near the starting line to build maximum search relevance scores.
Make tag copy click-inviting and genuine. Design for human users first before optimizing for bots.
Ensure each individual URL page inside your domain namespace holds absolute unique title elements.
Avoid overstuffing or packing repetitive words to avoid penalization triggers.

📝 Meta Description Formatting Best Guidelines

Aim for an optimal range of 120-160 characters to optimize structural descriptions across devices.
Always include a compelling call-to-action (CTA) statement like "Learn how to", "Download guide", or "Get pricing".
Ensure the copy explicitly matches on-page informational components to avoid high search-bounce signals.
Incorporate relevant target terms naturally. Google bolds exactly matching strings matching user queries.

🌐 Open Graph Tags (OG Microdata) for Social Platforms

Facebook, WhatsApp, LinkedIn, Slack, and other networking systems rely extensively on og:title, og:description, and og:image identifiers. Lacking structured microdata configurations causes social engines to pull arbitrary pixel files or header texts, creating erratic feed templates that look untrustworthy and earn poor shares.

🐦 Twitter/X Card Integrations

Twitter Cards format links dynamically inside feeds. Employing a large layout format like summary_large_image renders a large, touch-inviting image element that commands user attention and elevates social shares interaction indexes.

🚫 Common Metadata Generation Flops to Bypass

Duplicate titles everywhere — creating ranking conflicts index-wide.
Leaving descriptions blank, forcing search algorithms to extract awkward body content.
Forgetting canonical paths, causing identical layout scrapings to penalize content duplication metrics.
Failing to provide a high-resolution, secure absolute path Open Graph image URL.

Frequently Asked Questions

Meta tags must be placed inside the <head>...</head> section of your HTML document, before the closing </head> tag wrapper. If you use WordPress, add them through an SEO plugin like Yoast or Rank Math, or use this generator and paste into your theme's header.php file.