HTML Meta Tag Generator

HTML Meta Tag Generator

Generate complete HTML meta tags instantly: title, description, robots, canonical, Open Graph, and Twitter Cards. Copy-paste ready HTML output.

Updated May 2026

0/60
0/160
Code Preview 
<!-- Primary Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-language" content="en">
<meta name="robots" content="index, follow">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
SERP Preview

https://example.com/your-page

Page Title

Your meta description will appear here…

HTML Meta Tag Generator — Free, Instant, Complete

Fill in your page details and get the complete HTML meta tag block in real time — title, description, robots, canonical, Open Graph, and Twitter Cards — ready to paste into your <head>. No sign-up, no install, no server.

Meta tags are the invisible foundation of how your pages appear in Google search results, link previews on LinkedIn, and cards on X (Twitter). Getting them right takes seconds with this generator; getting them wrong costs you clicks.

How to Use the Meta Tag Generator

  1. Fill in SEO Essentials — enter your page title (aim for under 60 characters), meta description (under 160), canonical URL, and robots directive.
  2. Expand to Social Graph — add Open Graph and Twitter Card fields for richer social previews. Fields left blank automatically inherit from SEO Essentials.
  3. Copy the generated HTML — click Copy Code and paste the entire block directly into the <head> section of your page.

What Meta Tags Are and Why They Matter

Meta tags are HTML elements placed in the <head> section of a web page that provide structured information about its content to search engines, social platforms, and browsers. They are invisible to visitors but critical to how your page is discovered, displayed, and shared.

This generator creates the complete set of meta tags every web page needs in 2025: the <title> tag — the single most important on-page SEO element, shown as the clickable headline in search results and browser tabs; the meta description — the summary beneath the title in search results, which directly influences click-through rate; the meta robots tag — which controls whether search engines should index the page and follow its links; the canonical tag — which tells search engines the preferred URL; Open Graph tags (og:title, og:description, og:image, og:type) — which control how the page appears when shared on Facebook, LinkedIn, WhatsApp, and most social platforms; and Twitter Card tags — which control link appearances on X (formerly Twitter).

Meta Tags Quick Reference

Tag Max length SEO importance Social importance
<title> 60 characters ⭐⭐⭐⭐⭐ Critical Used as fallback OG title
meta description 160 characters ⭐⭐⭐⭐ High (CTR) Used as fallback OG description
meta robots — ⭐⭐⭐⭐⭐ Critical Not used socially
canonical — ⭐⭐⭐⭐⭐ Critical Not used socially
og:title 60–90 characters ⭐⭐ Low ⭐⭐⭐⭐⭐ Critical
og:description 200 characters ⭐ Minimal ⭐⭐⭐⭐ High
og:image — (1200×630px recommended) ⭐ Minimal ⭐⭐⭐⭐⭐ Critical
twitter:card — ⭐ Minimal ⭐⭐⭐⭐⭐ Critical
meta keywords — ❌ Ignored by Google ❌ Not used
viewport — ⭐⭐⭐ Medium Not used socially

Best Practices

Title tag:

  • Keep it under 60 characters to avoid truncation in search results
  • Place your primary keyword as close to the beginning as possible
  • Include your brand name at the end, separated by a dash or pipe
  • Every page on your site needs a unique title — duplicates confuse Google

Meta description:

  • Keep it under 160 characters — Google truncates longer ones
  • Include your primary keyword naturally; Google bolds matching terms in results
  • Write it like a pitch: what is the page about, and why should someone click?
  • Each page needs a unique description — never duplicate across pages

Open Graph image:

  • Minimum recommended size: 1200×630 pixels (1.91:1 aspect ratio)
  • Keep text to under 20% of the image area
  • Host at a stable URL — social platforms cache OG images aggressively
  • Use JPEG or PNG, under 1MB for fast loading

Frequently Asked Questions

Are meta keywords still used by Google?

No. Google officially stopped using the meta keywords tag as a ranking signal in 2009 and confirmed in 2014 that it is completely ignored. Including meta keywords provides no SEO benefit and actually exposes your keyword strategy to competitors who can view your source code. Focus on title tags, meta descriptions, and high-quality on-page content. Bing and other major search engines also largely ignore meta keywords.

How long should a meta description be?

Google typically displays up to 160 characters of a meta description in desktop search results, and slightly fewer on mobile. If your description exceeds this limit, it will be cut off with an ellipsis. However, Google frequently rewrites meta descriptions to better match the user's search query — this does not harm your rankings, but it reinforces the need to write clear, keyword-rich page content. Aim for 140–160 characters for best results.

Do meta tags directly affect Google rankings?

The <title> tag is a confirmed direct ranking factor — placing your target keyword in the title signals relevance to Google. The meta description does not directly affect rankings but strongly influences click-through rate (CTR), which can indirectly affect rankings. The meta robots and canonical tags have critical structural impact on indexing. Open Graph and Twitter Card tags have no effect on Google rankings but are essential for social media visibility.

What is the difference between Open Graph tags and Twitter Card tags?

Open Graph (OG) tags were created by Facebook and are now the universal standard used by Facebook, LinkedIn, WhatsApp, Slack, Discord, and most other platforms to generate link previews. Twitter Cards are a separate specification created by X (Twitter) for generating previews specifically within the Twitter/X platform. If you only implement Open Graph tags, most platforms — including Twitter/X — will fall back to using them. However, defining both sets gives you full control over every platform.

What is a canonical tag and should I always include it?

A canonical tag (<link rel="canonical">) tells search engines which URL is the preferred version of a page when the same content is accessible at multiple URLs. This is essential for preventing duplicate content issues — for example, when https://example.com/page and https://example.com/page?utm_source=email serve identical content. Every page should have a canonical tag pointing to its own clean URL (self-referencing canonical). It is one of the most important technical SEO elements and is often overlooked by non-technical site owners.

Resources

Related Tools