Meta Tags & Open Graph Generator

Fill in your page's title, description, URL and share image to get complete SEO and social meta tags — ready to paste into your HTML or as a Next.js metadata object.

Page title

58 characters · aim for about 30–60

Meta description121 characters · aim for about 70–160

Canonical URL

Site name

Share image URL

Image description (alt text)

More options (type, X/Twitter, robots, theme color)

Content type (og:type)

X card type

X username (optional)

Locale

Author (optional)

Theme color (optional)

Allow search engines to index this pageAllow following links on this page

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Handmade Leather Wallets – Free Shipping | Northwind Goods</title>
<meta name="description" content="Shop slim handmade wallets crafted from full-grain leather. Lifetime warranty, free shipping over $50 and 30-day returns.">
<link rel="canonical" href="https://www.example.com/wallets">

<!-- Open Graph (Facebook, LinkedIn, WhatsApp and others) -->
<meta property="og:type" content="website">
<meta property="og:title" content="Handmade Leather Wallets – Free Shipping | Northwind Goods">
<meta property="og:description" content="Shop slim handmade wallets crafted from full-grain leather. Lifetime warranty, free shipping over $50 and 30-day returns.">
<meta property="og:url" content="https://www.example.com/wallets">
<meta property="og:site_name" content="Northwind Goods">
<meta property="og:locale" content="en_US">

<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Handmade Leather Wallets – Free Shipping | Northwind Goods">
<meta name="twitter:description" content="Shop slim handmade wallets crafted from full-grain leather. Lifetime warranty, free shipping over $50 and 30-day returns.">

See how it looks: Google preview · social share preview — your details carry over.

Why meta tags still matter

Meta tags are small pieces of HTML in a page’s <head> that describe the page to search engines and social platforms. They don’t appear on the page itself, but they decide what people see before they ever visit: the headline and summary in Google results, and the title, description and image when someone shares your link on Facebook, LinkedIn, WhatsApp or X. Well-written tags can noticeably improve click-through rates; missing ones leave platforms to guess, often badly.

How to use the generator

Write a page title and meta description. The counters show when you’re in a sensible range.
Add the page’s canonical URL, your site name and the share image URL.
Open “More options” to set the content type, X card style, robots rules, locale or theme color.
Choose HTML tags or a Next.js metadata export, and copy the code.
Check the result in the SERP Preview and Social Share Preview — your details carry over automatically.

The tags this tool creates

<title> — the page title, shown in browser tabs and usually as the clickable headline in search results.
meta description — a summary Google often uses as the snippet under your title.
canonical link — tells search engines which URL is the main version when the same content is reachable at several addresses.
robots — added only if you turn off indexing or link following, for pages like thank-you screens.
Open Graph tags (og:title, og:description, og:image, og:url, og:type) — used by Facebook, LinkedIn, WhatsApp, Slack, Discord and most apps that show link previews.
X card tags — twitter:card chooses a large or small image layout; X falls back to Open Graph for the rest, but both are included.

Writing titles and descriptions that get clicks

Google doesn’t impose a character limit, but it cuts titles and descriptions to fit the screen. As a practical guide, aim for titles of about 30–60 characters and descriptions of about 70–160. Put the most important words first, make each page’s tags unique, and describe what the visitor gets rather than stuffing keywords. The meta keywords tag is ignored by Google, so this tool doesn’t include it.

Choosing a share image

Facebook recommends images of at least 1200 × 630 pixels and LinkedIn at least 1200 × 627 — a 1.91:1 shape. Use an absolute URL (starting with https://), keep text large and centered, and avoid critical details near the edges. After changing tags on a live page, refresh the cached preview with Facebook’s Sharing Debugger or LinkedIn’s Post Inspector.

Preview your result with the Google SERP Snippet Preview and the Social Share Preview, then add structured data with the Schema Markup Generator.

Frequently asked questions

Which meta tags matter for SEO?

The title tag and meta description are the most important: Google often uses them for your search result. A canonical link tells search engines which URL is the main version of the page. The meta keywords tag is ignored by Google.

What are Open Graph tags?

Open Graph (og:) tags control how a link looks when shared on Facebook, LinkedIn, WhatsApp, Slack and many other apps — the title, description and image in the preview card.

What size should my share image be?

Facebook recommends at least 1200 × 630 pixels and LinkedIn at least 1200 × 627 — about a 1.91:1 ratio. Use an absolute URL starting with https://.

Do I need separate Twitter tags?

X falls back to Open Graph tags for the title, description and image, but it needs twitter:card to choose the card style. The generator includes both so every platform is covered.

How long should my title and description be?

Google has no fixed limit and cuts results to fit the screen. As a guide, titles of about 30–60 characters and descriptions of about 70–160 characters usually display in full. Check with the SERP Preview tool.