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.
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
.gitignore Generator
Generate .gitignore files from 50+ templates — Node.js, Python, Java, Go, Rust, and more
Crontab Generator
Build cron expressions visually — select frequency, time, and days to generate cron schedules
Favicon Generator
Generate favicons from text or emoji — download PNGs, SVG, Apple Touch Icon, and HTML tags
Tailwind CSS Generator
Build Tailwind CSS utility classes visually with live preview and component presets