What are Open Graph tags?

Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, and other social networks. The og:title, og:description, and og:image tags are most important.

What is the ideal title length for SEO?

Keep titles under 60 characters to avoid truncation in Google search results. Google typically displays 50-60 characters.

Meta Tag Generator

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

Files never leave your browser

Basic

Title0/60

Description0/160

Canonical URL

Author

Keywords

Open Graph

OG Title

OG Description

OG Image URL

OG Type

OG Site Name

Twitter Card

Card Type

Twitter Title

Twitter Description

Image URL

@site Handle

RobotsIndex this pageFollow links on this page

Generated HTML

<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

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.

Enter a page URL to auto-fetch existing meta tags, or switch to manual mode to enter data yourself.
Fill in the Title (50–60 characters), Description (150–160 characters) and canonical URL fields.
Upload or enter the URL of the Open Graph image (recommended: 1200×630 px).
Switch between the Google SERP, Facebook, Twitter and LinkedIn preview tabs to see rendered results.
Copy the generated HTML snippet and paste it into the <head> section of your page.
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 / element	Attribute	Recommended length	Purpose
<title>	n/a	50–60 characters	SERP headline, browser tab label
<meta name="description">	content	150–160 characters	SERP snippet (influences CTR)
<link rel="canonical">	href	Full absolute URL	Prevents duplicate content
og:title	content	40–60 characters	Facebook/LinkedIn card title
og:description	content	65–200 characters	Social card description
og:image	content	1200×630 px URL	Social share thumbnail
twitter:card	content	summary_large_image	Twitter 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.

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.

Frequently Asked Questions

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.

Why use Meta Tag Generator?

No installation — use directly from any browser
Handles large inputs without crashing or timeouts
Syntax highlighting and formatted output for readability
Copy to clipboard shortcut for fast workflow integration

Common use cases

Validate and format JSON responses from APIs
Encode/decode Base64 strings during debugging
Generate UUIDs for database seeds or test data
Minify CSS or JavaScript before deployment
Diff two code snippets to spot regressions

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.

Regex Tester

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

Base64 Encoder & Decoder

Encode text or files to Base64, or decode Base64 strings back to text. Fast, free, and runs entirely in your browser.

HTML Encoder / Decoder

Encode and decode HTML entities online. Escape <, >, &, and quote characters for safe HTML display. Free, instant, and private — runs in your browser.

Hash Generator

Generate MD5, SHA-1, SHA-256, SHA-384, and SHA-512 hashes online. Hash text or files privately in your browser.

Explore all Developer Tools.