Meta Tags Generator
Fill in your page details and get copy-paste ready meta tags for SEO, Open Graph, and Twitter Cards. Free, runs entirely in your browser.
Basic SEO
Open Graph (Facebook / LinkedIn)
Twitter / X Card
Reference
What are meta tags?
Meta tags are HTML elements inside the <head> of a web page that provide metadata about the document. They are invisible to users but are read by search engines, social media crawlers, and browsers. See the MDN documentation on the meta element for the full spec.
SEO meta tags
The <title> tag (50–60 chars) and meta description (150–160 chars) are the most impactful SEO tags — they appear as the blue headline and grey snippet in Google results. Use <link rel="canonical"> to tell Google the preferred URL when you have duplicate content or URL parameter variants. See Google Search Central: title links.
Open Graph protocol
The Open Graph protocol (developed by Facebook) controls how your page appears when shared on Facebook, LinkedIn, WhatsApp, and Slack. The essential tags are og:title, og:description, og:image (1200×630 px recommended), and og:url. Without them, platforms infer content from your page — often with poor results.
Twitter Cards
Twitter Cards control the preview shown when your URL is shared on X (Twitter). summary_large_image shows a large preview image and consistently outperforms summary for click-through rates. X falls back to Open Graph tags if Twitter-specific tags are absent.
Privacy
All meta tags are generated 100% in your browser. Nothing is sent to any server.