Meta Tag Generator
Generate SEO meta tags — title, description, Open Graph, Twitter Cards, canonical, robots — as an HTML snippet for your <head>. Live char counters, HTML-escaped output. 100% browser-based, no signup, free.
Recommended ≤ 60 chars — combined with the site name in the title tag.
Recommended 150-160 chars — optimal length for Google search snippets.
<!-- Primary Meta Tags --> <title>My Page Title | My Brand</title> <meta name="description" content="A compelling description of the page for search results."> <link rel="canonical" href="https://example.com/page"> <meta name="author" content="Jane Doe"> <meta name="keywords" content="seo, meta tags, open graph, twitter cards"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:title" content="My Page Title"> <meta property="og:description" content="A compelling description of the page for search results."> <meta property="og:url" content="https://example.com/page"> <meta property="og:image" content="https://example.com/og.png"> <meta property="og:site_name" content="My Brand"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="My Page Title"> <meta name="twitter:description" content="A compelling description of the page for search results."> <meta name="twitter:image" content="https://example.com/og.png"> <meta name="twitter:site" content="@mybrand">
SEO + OG + Twitter
One tool covers every tag search engines and social platforms look for — primary meta tags, Facebook Open Graph previews, and Twitter Card summary_large_image. Copy a complete <head> snippet in one click.
Live Char Counters
Title and description show live character counts against SEO best-practice limits (≤60 for title, 150-160 for description) with green / amber / red color cues so your snippets are never truncated by Google.
100% Private
Everything is generated in your browser. No server calls, no signup, no upload — paste your page values, copy the HTML, done. You can verify zero network activity in your DevTools Network tab.
HTML-Escaped Output
All attribute values are HTML-escaped (& < > " ') so your tags stay valid even when titles or descriptions contain quotes or ampersands. Download as a .html snippet or copy to clipboard.
What is a meta tag and why do I need it?
Meta tags are HTML elements in the <head> of a page that describe the page to search engines and social platforms. The title and description appear in Google search results, Open Graph tags control how Facebook / LinkedIn / Slack previews look, and Twitter Card tags control the tweet preview. Good meta tags improve click-through rate and shareability.
How long should my title and description be?
Google typically truncates titles around 60 characters and descriptions around 155-160 characters. This tool shows live character counters with green / amber / red cues — green means you are within the recommended range, amber means you are close to the truncation point, red means it will likely be cut off in search results.
Why does Google ignore the keywords meta tag?
Google officially stopped using the keywords meta tag for ranking in 2009 because it was heavily abused for spam. Some smaller search engines and directory sites may still read it, so the field is included as an option — but do not expect SEO gains from it. Focus on the title, description, and structured content.
What size should my Open Graph image be?
The recommended Open Graph image size is 1200×630 pixels. This works well across Facebook, Twitter, LinkedIn, and Slack. Keep the file under 8 MB and use JPG or PNG. Twitter also uses the same image when the card type is summary_large_image (the default this tool generates).
Is this tool free and private?
Yes. 100% free, no signup, no daily limit, and 100% browser-based. Your page title, description, URLs, and image URLs never leave your device — there are no API calls. You can verify this in your browser DevTools Network tab: zero requests fire while you type.
Ready to use the Meta Tag Generator?
Free, no signup, no watermark. 100% browser-based. Your data never leaves your device.
Open the tool