Meta Tag Generator
Fill in the fields. Your page's full <head> SEO snippet — title, meta tags, Open Graph, Twitter Cards — appears on the right, escaped and ready to paste.
0/60 characters. Google usually cuts titles after ~60 characters.
0/160 characters. Google usually cuts descriptions after ~160 characters.
How to write meta tags that get clicks
Search engines and social networks never see your page the way a visitor does — they read the meta tags in your <head> first. Good tags are your page's handshake: the title is the headline, the description is the pitch.
- Fill in the six fields above. Title and description are required; the rest sharpen your link previews.
- Watch the previews. The mock Google snippet and social card show exactly how your page will look in search results and in shares.
- Copy the tags and paste them into your page's
<head>, before the stylesheet links. - Test for real. After publishing, run the URL through a link-preview checker (many networks cache previews, so test before you share widely).
Which tags do what
<title> and meta description drive your Google listing. Open Graph (og:) tags drive previews on Facebook, LinkedIn, Discord, and most messengers. Twitter Card (twitter:) tags are X's own flavor — X falls back to Open Graph without them, but dedicated tags give you the large-image card style. The canonical URL tells Google which address is the one true version of the page.
- What are meta tags and why do they matter?
- Meta tags are small snippets of HTML in your page's head that describe the page to search engines and social networks. The title and description shape your Google listing; Open Graph and Twitter Card tags shape how your link looks when shared on Facebook, X, and other platforms.
- How long should my title and description be?
- Keep titles under 60 characters and descriptions under 160 characters so Google shows them in full instead of cutting them off. This page warns you when either runs long.
- What is the difference between Open Graph and Twitter Cards?
- Open Graph (og:) is the open standard most networks read, including Facebook, LinkedIn, and Discord. Twitter Cards (twitter:) are X's own format — X falls back to Open Graph when Twitter tags are missing, but dedicated tags give you control over the card style.
- Do I need a Twitter handle?
- No — the twitter:site tag is optional. Everything else works without it, and X still renders a large-image card from your Open Graph tags.
- Will these tags alone rank my page on Google?
- No. Tags help Google understand and display your page, but ranking comes from content quality, relevance, and links. Think of good meta tags as a good book cover — they earn the click once you rank.
Kept alive by readers like you
Every tool in the codex is free. If they save you time, a small donation inscribes new pages.
DonateMore from the codex
Meta Tag Generator
SEO, Open Graph & Twitter Card tags with live previews.
QR Code Generator
Free QR codes for URLs and text. PNG download.
Open tool → LiveURL Encoder / Decoder
Encode/decode URLs and parse query strings.
Open tool → LiveImage Compressor
Shrink images in your browser — JPEG, WebP, PNG.
Open tool → LiveColor Picker
Hex/RGB/HSL converter, palettes, contrast checker.
Open tool → LiveBase64 Encoder
Encode and decode Base64, URL-safe too.
Open tool → LiveJSON Formatter
Validate, format, and minify JSON.
Open tool → LiveMarkdown Previewer
Live markdown preview with instant HTML rendering.
Open tool → LiveWord Counter
Count words and estimate reading time instantly.
Open tool →