Skip to main content
ToolsHub

Meta Tag Generator

Build complete HTML meta tags for SEO, social sharing, and Twitter. Live Google snippet preview included.

Updated

Files never leave your browser
Basic
0/60
0/160
Open Graph
Twitter Card
Robots
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

No meta tags yet

Fill in the title, description, or canonical URL to generate meta tags.

How to use Meta Tag Generator

The Meta Tags Previewer generates and previews HTML meta tag markup for SEO, Open Graph (Facebook, LinkedIn) and Twitter Card snippets. Paste a URL to fetch live meta data or manually enter title, description, image URL and other fields to see exactly how your page will appear in Google search results and social media link previews before publishing.

  1. Enter a page URL to auto-fetch existing meta tags, or switch to manual mode to enter data yourself.
  2. Fill in the Title (50–60 characters), Description (150–160 characters) and canonical URL fields.
  3. Upload or enter the URL of the Open Graph image (recommended: 1200×630 px).
  4. Switch between the Google SERP, Facebook, Twitter and LinkedIn preview tabs to see rendered results.
  5. Copy the generated HTML snippet and paste it into the <head> section of your page.
  6. Re-run the fetch after publishing to confirm the live meta tags match your intended output.

Your data never leaves your device — 100% private processing.

Essential meta tags for SEO

Three meta tags have the greatest impact on search visibility: the <title> element (not a meta tag but equally important), the meta description, and the canonical link element. The title defines the clickable headline in search results and should include the primary keyword near the front. The meta description (up to 160 characters) is the snippet shown below the title — while not a direct ranking signal, a compelling description improves click-through rates. The canonical URL prevents duplicate-content penalties when the same page is accessible via multiple URLs.

Key meta tag quick reference
Tag / elementAttributeRecommended lengthPurpose
<title>n/a50–60 charactersSERP headline, browser tab label
<meta name="description">content150–160 charactersSERP snippet (influences CTR)
<link rel="canonical">hrefFull absolute URLPrevents duplicate content
og:titlecontent40–60 charactersFacebook/LinkedIn card title
og:descriptioncontent65–200 charactersSocial card description
og:imagecontent1200×630 px URLSocial share thumbnail
twitter:cardcontentsummary_large_imageTwitter card display type

Open Graph and Twitter Card markup

Open Graph (OG) tags, introduced by Facebook and now used by LinkedIn, Slack, WhatsApp and most link-unfurling services, control how a URL appears when shared. The minimum recommended set is og:title, og:description, og:image and og:url. Twitter supports its own twitter:card tags but falls back to OG tags when Twitter-specific ones are absent. Always use absolute URLs for og:image and twitter:image — relative paths are not fetched by social crawlers.

Worked examples

Title length check

Inputs: title of 72 characters

Result: flagged — over 60; truncated in the Google SERP

Generate Open Graph tags

Inputs: title, description, image URL

Result: og:title, og:description, og:image, og:url block

Description length

Inputs: meta description of 155 characters

Result: within the 150–160 ideal range

Glossary

Open Graph
A protocol (ogp.me) using meta properties to define how a URL is represented when shared on social networks.
Twitter Card
Twitter's meta tag system for controlling how links appear as cards in tweets and timelines.
Canonical URL
The preferred URL for a page, declared via <link rel="canonical"> to consolidate duplicate-content signals.
SERP
Search Engine Results Page — the page Google or Bing displays in response to a search query.
Click-through rate (CTR)
The percentage of searchers who click a result; influenced by title and meta description quality.

Related reading

Free · No spam

Get weekly tool tips & updates

New tools, power-user tips, and productivity hacks — delivered free every Friday.

No spam, ever. Unsubscribe with one click.

Related Developer Tools

JSON Formatter & Validator

Format, validate, and minify JSON instantly. Includes syntax highlighting, error detection, and a collapsible tree view — free, private, in-browser.

URL Encoder / Decoder

Encode and decode URLs and URL components online. Convert special characters to percent-encoding and back instantly — free, private, and fast.

Google SERP Snippet Preview

Preview how your page title, meta description, and URL appear in Google search results. Check pixel widths, spot truncation, and fix snippets fast.

Schema Markup Generator (JSON-LD)

Generate valid JSON-LD structured data for Article, FAQ, HowTo, LocalBusiness, Product, and Breadcrumb schemas. Free, instant, and fully in-browser.

XML Sitemap Generator

Generate a valid XML sitemap for your website. Add your URLs, set change frequency and priority, then download the sitemap.xml.

Regex Tester

Test and debug regular expressions online. See live matches, capture groups, and replace output. Free, private, instant.

Explore all Developer Tools.