Meta Tag Generator

Fill in the fields on the left to generate your meta tags…

Free Meta Tag Generator — Build Complete SEO & Social Tags in 60 Seconds

Your meta tags are invisible to visitors but critical to search engines and social platforms. Get them wrong and Google rewrites your titles, Facebook shares a blank card, and Twitter displays the wrong image. Use our free meta tag generator to build a complete, correctly formatted set of meta tags — title, description, Open Graph, and Twitter cards — in under a minute.

What Are Meta Tags?

Meta tags are snippets of HTML code that live inside the <head> section of your webpage. They don’t appear on the page itself, but they tell search engines, social media platforms, and browsers key information about your content — what the page is about, how to display it in search results, and what image and text to show when someone shares your link.

There are four types of meta tags every page should have:

Without these tags, Google will pull whatever text it finds on your page — usually the wrong thing. Social platforms will display a blank card or a random image. A meta tag generator ensures every tag is present, correctly formatted, and within the character limits that matter.

How to Use This Meta Tag Generator

Step 1 — Fill in your page title Enter the title of your page. Keep it between 30 and 60 characters — the counter turns green when you’re in the ideal range. This becomes your <title> tag and is the single most important on-page SEO element on any webpage.

Step 2 — Write your meta description Summarise your page in 120 to 160 characters. Include your focus keyword early. This is what appears beneath your title in Google search results — it doesn’t directly affect rankings but it has a big impact on click-through rate.

Step 3 — Add your canonical URL Paste the full URL of this page. This tells Google which version of the URL is the authoritative one, preventing duplicate content issues if the same page is accessible from multiple URLs.

Step 4 — Set Open Graph and Twitter tags Switch between the OG / Facebook and Twitter / X tabs to fill in your social tags. Leave the title and description blank if you want them to inherit from your main tags — our meta tag generator handles the fallback automatically.

Step 5 — Copy and paste into your <head> Click Copy All and paste the generated code directly into the <head> section of your HTML. In WordPress, use a plugin like RankMath, Yoast, or Insert Headers and Footers. In Shopify, edit your theme.liquid file.

Why Every Meta Tag Matters

Title tag — The most important on-page SEO element. Google uses the title tag as the primary signal for what your page is about. Keep it under 60 characters or it gets truncated in search results. Front-load your keyword — don’t bury it at the end.

Meta description — Google doesn’t use the description as a direct ranking factor, but a well-written description improves click-through rates, which does influence rankings indirectly. Write it like an ad headline: clear, specific, and with a reason to click. Keep it between 120 and 160 characters.

Canonical tag — Essential for any site with pagination, URL parameters, or content that appears in multiple places. Without it, Google may index multiple versions of the same page, splitting your ranking authority. Always set a canonical on every page, pointing to itself.

Robots tag — Controls whether search engines index your page and follow your links. The default index, follow is correct for most pages. Use noindex for thank-you pages, admin areas, staging environments, and any page you don’t want appearing in search results.

Open Graph tags — Developed by Facebook, now used by virtually every social platform and messaging app including LinkedIn, WhatsApp, Slack, and Discord. Without OG tags, these platforms scrape whatever content they find, often displaying the wrong image, a broken title, or nothing at all. The og:image should be 1200 × 630 pixels for the best display across platforms.

Twitter Card tags — Twitter has its own set of meta tags separate from Open Graph. The summary_large_image card type displays a large image above your title and description — by far the best format for driving clicks from Twitter / X. Set twitter:site to your handle to get attribution on shared links.

For a comprehensive reference on all available meta tags and their correct usage, MDN’s meta element documentation is the most authoritative free resource available.

Meta Tag Best Practices for SEO

Following these rules every time you use a meta tag generator will keep your pages competitive in search and looking sharp on social.

Write every title tag uniquely. Duplicate titles are one of the most common technical SEO issues. Every page on your site should have a distinct title that accurately describes what’s on that specific page. Use a pattern like Primary Keyword — Brand Name or Primary Keyword: Secondary Keyword | Brand Name.

Put your keyword at the front of the title. Search engines and users both read left to right. A title like WebsOpener — Free Meta Tag Generator buries the keyword. Free Meta Tag Generator — WebsOpener does not.

Don’t keyword-stuff your description. Your meta description is sales copy, not a keyword list. Write it for humans — describe what the page does and give the reader a reason to click. One natural mention of your focus keyword is enough.

Match your OG tags to your page’s purpose. Use og:type = article for blog posts and news content, og:type = product for ecommerce pages, and og:type = website for your homepage and tool pages. This helps platforms categorise your content correctly.

Always upload a custom OG image. Generic or missing OG images are one of the most common missed opportunities in SEO and content marketing. A well-designed 1200 × 630px image with your brand, page title, and a clear visual hierarchy can dramatically increase click-through rates from social shares.

Test your tags before publishing. Use the Facebook Sharing Debugger to check your OG tags and the Twitter Card Validator for Twitter cards. Both tools show you exactly how your page will appear when shared and flag any missing or invalid tags.

Frequently Asked Questions

What is a meta tag generator? A meta tag generator is a free tool that helps you create all the HTML meta tags a page needs — title, description, canonical, robots, Open Graph, and Twitter cards — by filling in a simple form. It outputs ready-to-paste HTML code, eliminating the need to write tags manually and reducing the risk of formatting errors.

Do meta tags directly affect SEO rankings? The title tag is a confirmed ranking factor. The meta description is not a direct ranking factor, but it influences click-through rate from search results, which is an indirect signal. The canonical tag affects how Google consolidates ranking authority across duplicate URLs. Open Graph and Twitter tags have no direct ranking impact but affect how often your content gets shared, which can generate backlinks.

How long should a meta title be? Keep your title between 50 and 60 characters. Google typically displays up to 600px of title width, which works out to roughly 60 characters in a standard font. Our meta tag generator shows a live counter that turns green when you’re in the ideal range and amber when you’re approaching the limit.

How long should a meta description be? Between 120 and 160 characters. Descriptions shorter than 120 characters often get expanded by Google with surrounding page content — usually not what you want. Descriptions over 160 characters get truncated with an ellipsis. Our tool shows a live counter for both.

What is a canonical tag and do I need one? A canonical tag (<link rel="canonical">) tells search engines which URL is the primary version of a page. You need one if your site has URL parameters (like ?sort=price), pagination, or if the same content is accessible from multiple URLs (with and without trailing slashes, with and without www, HTTP vs HTTPS). Most SEO plugins add canonicals automatically — but if you’re writing tags manually, always include one.

What’s the difference between Open Graph and Twitter Card tags? Open Graph tags (og:title, og:description, og:image) are a standard developed by Facebook that’s now used by most platforms including LinkedIn, WhatsApp, Slack, and Discord. Twitter Card tags (twitter:title, twitter:card, etc.) are Twitter’s own separate standard. Our meta tag generator outputs both sets simultaneously so you’re covered everywhere.

What size should my OG image be? 1200 × 630 pixels is the recommended size for Open Graph images. This displays correctly across Facebook, LinkedIn, and WhatsApp. For Twitter’s summary_large_image card, the same 1200 × 630px ratio works perfectly. Keep the file size under 1MB and use JPG for photos, PNG for graphics with text.

What does the robots meta tag do? The robots tag tells search engines whether to index your page (index) and whether to follow the links on it (follow). The default index, follow is correct for the vast majority of pages. Use noindex for pages you don’t want in Google — thank-you pages, internal search results, admin pages, duplicate content, and staging environments.

More Free Tools from WebsOpener

• 🔗 Multiple URL Opener: Open hundreds of links at once in separate tabs
• 📊 UTM Parameter Builder: Build campaign tracking URLs for Google Analytics
• 🔤 URL Slug Generator: Turn any title into a clean SEO-friendly permalink
• 📱 QR Code Generator: Turn any URL into a scannable QR code
• 🔧 JSON Formatter & Validator: Format and validate JSON instantly

No account required. No data is stored. All processing happens locally in your browser.