Meta Tag Generator

About this tool

A page without proper meta tags is invisible to search engines, looks broken when shared on social media, and may be penalized for duplicate content. The gap between a page that ranks and one that does not often comes down to whether canonical, description, viewport, and OG tags are present and correct. Writing these tags by hand means keeping track of character limits, knowing which properties are Open Graph versus Twitter Card, ensuring the canonical resolves correctly, and making sure nothing is missing. This tool generates the complete set of HTML meta tags you need for a page in 60 seconds. Fill in the title, description, canonical URL, and optional social sharing details, and the tool produces ready-to-paste HTML covering SEO, Open Graph, Twitter Cards, viewport, and robots directives. Character counters warn you when title or description exceed snippet length limits.

Why use it

• Complete Tag Bundle: Generates title, meta description, canonical, viewport, robots, Open Graph, and Twitter Card tags in one pass. No more opening multiple docs to recall the exact property names for og:image or twitter:card values.

• Character Limit Warnings: Live counters flag when your title exceeds 60 characters or your description exceeds 155 characters — the thresholds where Google truncates snippets in search results, reducing click-through rates.

• Social Card Preview: Open Graph and Twitter Card tags are generated simultaneously so your page looks correct when shared on Facebook, LinkedIn, Twitter, and Slack — with title, description, and image properly specified.

• Canonical Protection: The canonical tag prevents duplicate content penalties by telling search engines which URL is authoritative. The tool validates that your canonical is an absolute https:// URL, not a relative path.

• Copy-Ready HTML: Output is properly formatted HTML with consistent quoting and attribute order, ready to paste directly into your template's head section without any cleanup or reformatting needed.

• Browser-Local: All generation runs in the browser. Staging URLs, internal page titles, and unpublished descriptions never leave your machine or touch a server.

How to use

1. Enter your page title — keep it under 60 characters to avoid Google truncation in search snippets
2. Enter a meta description between 70 and 155 characters summarizing the page content
3. Enter the canonical URL as a full https:// address of this page
4. Set the robots directive — index,follow is the default for public-facing pages
5. Fill in Open Graph and Twitter Card fields for social sharing card previews
6. Copy the generated HTML bundle and paste it into your page's head section

When it helps

• You are launching a new page and need the complete set of SEO and social meta tags before going live
• You are auditing an existing page and need to regenerate proper meta tags to fix missing or malformed ones
• You are building a CMS or static site generator template and need a reference for the correct tag bundle
• You want to quickly generate meta tags for a landing page without setting up a full SEO plugin
• You need to verify that your Open Graph and Twitter Card tags are correctly formed before sharing a URL
• You are migrating a site and need to recreate meta tags for each page systematically

Examples

Title: Best Coffee Shops NYC | Description: A curated guide to NYC's finest coffee | Canonical: https://example.com/coffee

<title>Best Coffee Shops NYC</title>
<meta name="description" content="A curated guide to NYC's finest coffee">
<link rel="canonical" href="https://example.com/coffee">
<meta name="robots" content="index,follow">
<meta name="viewport" content="width=device-width,initial-scale=1">

OG Title: Coffee Guide NYC | OG Image: https://example.com/og.jpg | OG Type: article

<meta property="og:title" content="Coffee Guide NYC">
<meta property="og:image" content="https://example.com/og.jpg">
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/coffee">

Card type: summary_large_image | Twitter site: @example

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@example">
<meta name="twitter:title" content="Best Coffee Shops NYC">

Tips

• Keep page titles under 60 characters and descriptions under 155 — the tool warns you when you exceed these limits.
• Always use an absolute https:// URL for the canonical — a relative path does not work and is treated as missing by most crawlers.
• Use a 1200x630 pixel image for og:image — this renders crisply on Facebook, LinkedIn, and Twitter large cards.
• Never use noindex on a page you want indexed, even temporarily — search engines may not recrawl quickly when you switch it back.
• Validate your tags with the Twitter Card Validator and Facebook Sharing Debugger after deployment to confirm they resolve correctly.

Frequently Asked Questions

Glossary

Meta tag

An HTML element inside the head that provides metadata about a page to browsers, search engines, and social media crawlers. Not visible to users but critical for SEO and social sharing.

Canonical URL

The authoritative URL for a page, specified via link rel='canonical'. Tells search engines which URL to index when multiple URLs serve the same or similar content.

Open Graph

A protocol developed by Facebook using og: prefixed meta tags to define how a page appears when shared on social networks, including title, description, image, and content type.

Twitter Card

Twitter-specific meta tags (twitter:) that control how a URL is displayed when shared in a tweet, including card type (summary, summary_large_image), title, description, and image.

Viewport

A meta tag that instructs mobile browsers how to scale the page. The standard value is width=device-width, initial-scale=1 and is required for responsive design to work correctly.

Robots directive

A meta tag (name='robots') that instructs search engine crawlers whether to index the page (index/noindex) and whether to follow its links (follow/nofollow).