Meta Tag Generator
Free online meta tag generator. Create perfect HTML title tags, meta descriptions, robots directives, and canonical tags with Google SERP snippet previews.
SEO & Social Metadata
ZapyNext — 280+ Free Fast Online Developer & Math Tools
Explore 280+ free, fast, browser-based online tools for developers, designers, and students. 100% private in-memory execution, no ads, no signup.
Step-by-Step Instructions
Enter Page Title & Description
Input target SEO title tag (50–60 characters) and meta description (150–160 characters).
Configure Open Graph & Social Cards
Enter canonical URL, Open Graph title, image URL (1200x630px), and Twitter Card format (Summary vs Large Image).
Set Robots & Indexing Rules
Select indexing directives (`index, follow`, `noindex, follow`, or `noarchive`).
Copy Generated HTML Meta Tags
Copy the complete `<head>` snippet directly into your Next.js, WordPress, Shopify, or HTML template.
Key Features & Capabilities
- Complete HTML5 SEO meta tag generator (Title, Description, Canonical, Viewport, Robots, Charset)
- Open Graph (OG) protocol tags for Facebook, LinkedIn, Pinterest, and Discord previews (`og:title`, `og:image`, `og:url`, `og:type`)
- Twitter Cards markup generator (`twitter:card`, `twitter:site`, `twitter:creator`, `twitter:image`)
- Real-time SERP snippet and social media card live preview with character count limits
Frequently Asked Questions
What are the optimal character lengths for SEO Title and Meta Description tags?
Google measures titles by pixel width (max 600px, roughly **50 to 60 characters**). Titles longer than 60 characters risk being truncated with ellipses (`...`). Meta descriptions should be kept between **150 and 160 characters (max ~960px)** to display fully in Google desktop and mobile search snippets.
What is the recommended image dimension for Open Graph (og:image) tags?
The optimal dimension for Open Graph images is **1200 × 630 pixels** (a 1.91:1 aspect ratio) with a file size under 5 MB. This ensures sharp, high-resolution card previews across Facebook, LinkedIn, Twitter/X, Discord, and Slack on both desktop and mobile screens.
Why is the canonical tag (rel="canonical") critical for SEO?
The canonical tag tells search engines which URL represents the master, authoritative version of a page. It prevents duplicate content penalties caused by URL parameters, HTTP vs HTTPS versions, `www` vs non-`www` domains, or syndicated content across multiple URLs.
How do you implement dynamic meta tags in Next.js App Router?
In Next.js App Router (`app/` directory), export a `metadata` object or `generateMetadata()` function from your `page.tsx` or `layout.tsx` file containing `title`, `description`, and `openGraph` properties; Next.js renders the `<meta>` tags in the `<head>` automatically.
Related Utilities
Discover complementary online tools in the same workflow.
JSON Formatter & Validator
Format, beautify, minify, validate, and view JSON data online with instant syntax highlighting and error detection.
Base64 Encoder & Decoder
Encode text or binary data into Base64 format or decode Base64 back into raw string format.
CSV to JSON Converter
Easily convert CSV data to clean JSON format. Turn tabular spreadsheets into structured JSON.
YAML to JSON Converter
Convert YAML configuration files into structured JSON for APIs and modern web tooling.
JWT Parser & Token Debugger
Decode JWT tokens to view header, payload claims, and expiration status without sending secrets anywhere.
Hash Generator (SHA-256, SHA-512, MD5)
Generate cryptographically secure SHA-256, SHA-512, SHA-384, and SHA-1 hashes for any text.