SEO Meta Tags Generator
Create search-engine-optimized meta tags for your web pages. Configure your title tag, meta description, canonical URL, robots directives, and more — then preview how your page will look in Google search results. Everything runs client-side.
Meta Tag Generator
Generate HTML meta tags for SEO, Open Graph, and Twitter Cards with live preview.
Basic Meta Tags
Advanced Options
Generated Meta Tags
<!-- Primary Meta Tags --> <meta name="robots" content="index, follow" /> <meta name="theme-color" content="#ffffff" />
Paste these tags inside the <head> of your HTML document.Ctrl+Enter to copy
Live Preview
Quick reference
Title
Keep under 60 characters. Google truncates at ~60 chars in search results.
Description
Keep under 160 characters. This appears below the title in search results.
OG Image
Recommended size: 1200×630px. Use absolute URLs (https://...).
Twitter Cards
summary — small square image. summary_large_image — large banner image above title.
Canonical URL
Use when multiple URLs serve the same content to tell search engines which is the "real" page.
What are SEO meta tags?
SEO meta tags are HTML elements placed in the <head> section that provide search engines with information about a page. The most important are the title tag (the clickable headline in search results), meta description (the summary snippet), canonical URL (the preferred version of a page), and robots meta tag (which controls indexing and following behavior).
Common use cases
Every web page that should appear in search results needs properly configured SEO meta tags. They are critical for blog posts, product pages, landing pages, and documentation sites. Well-crafted title tags and meta descriptions improve click-through rates in search results, while canonical tags prevent duplicate content penalties across paginated or parameterized URLs.
<!-- Essential SEO meta tags -->
<head>
<title>Primary Keyword — Brand Name</title>
<meta name="description" content="120-155 char description with target keyword." />
<link rel="canonical" href="https://example.com/page" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<!-- Prevent indexing -->
<meta name="robots" content="noindex, nofollow" />Frequently Asked Questions
How long should a meta description be?
Google typically displays up to 155-160 characters of a meta description in search results. Aim for 120-155 characters to ensure your full message appears without being truncated on both desktop and mobile.
Does the meta description affect search rankings?
Google has stated that meta descriptions are not a direct ranking factor. However, a compelling description increases click-through rate, which can indirectly improve your rankings over time through higher engagement signals.
Related Generate Tools
tsconfig.json Builder
Build TypeScript tsconfig.json visually with framework presets, explanations for every option, and one-click download
package.json Generator
Generate package.json visually with framework presets, dependency editor, scripts, and module config
Security Headers Generator
Generate HTTP security headers for Nginx, Apache, Vercel, Netlify, and Cloudflare with presets, security scoring, and multi-format output
JSON to GraphQL Schema
Generate GraphQL schema definitions from JSON data with automatic type inference, Query/Mutation generation, and .graphql download