Free Meta Tags Generator
Generate a complete set of HTML meta tags — SEO title/description, Open Graph for Facebook / LinkedIn / Slack / Discord, Twitter Card, JSON-LD structured data, favicons, and theme color. Three live previews match what users see when sharing your link.
AI auto-fillFree
Powered by Llama 3.3Describe your page — AI writes title, description and keywords in a click.
Optional extras
Live preview
Google search
https://example.com
Your title here
Your description here…
Facebook / LinkedIn / Slack
example.com
Your title
Your description
Twitter / X — summary_large_image
Your title
Your description
example.com
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="robots" content="index, follow" /> <meta name="theme-color" content="#000000" /> <!-- Open Graph (Facebook, LinkedIn, Slack, Discord) --> <meta property="og:type" content="website" /> <meta property="og:locale" content="en_US" /> <!-- Twitter / X --> <meta name="twitter:card" content="summary_large_image" />
Form data is saved to your browser only. Click Reset to clear.
Meta tags best practices
- Title: 50-60 chars. Google truncates around 60 on desktop, 50 on mobile.
- Description: 150-160 chars. Not a ranking factor but affects click-through rate dramatically.
- OG image: 1200×630 px is the universal sweet spot — works on Facebook, LinkedIn, Slack, Discord.
- Twitter Card: use summary_large_image for blog posts and landing pages; summary for documentation.
- Canonical: always set when the page is reachable from multiple URLs (with/without trailing slash, www variants, query params).
- JSON-LD: opt into structured data to qualify for rich results, recipe cards, FAQ accordions, and article carousels.
- Theme color: shows in mobile browser chrome and Android task-switcher — instant brand polish.
Frequently asked questions
What meta tags are essential for SEO?
Title (50-60 chars), description (150-160 chars), canonical URL, viewport, and robots. After those, add Open Graph for social sharing (og:title, og:description, og:image, og:url) and Twitter Card. JSON-LD structured data (WebSite or Article schema) boosts rich-result eligibility in search.
What size should my Open Graph image be?
1200×630 pixels is the universal standard — it renders correctly on Facebook, LinkedIn, Slack, Discord, and Twitter (summary_large_image). Keep file size under 1 MB and use PNG or JPG. Both width and height should be explicitly declared via og:image:width and og:image:height for faster preview rendering.
Do meta keywords still matter?
Google has not used the meta keywords tag for ranking since 2009. The tool still emits it because some smaller search engines and internal site searches still parse it, but don't expect any SEO benefit. Focus your effort on the title, description, and structured data.
When should I use article vs website OG type?
Use 'article' for blog posts, news, and editorial content — it unlocks extra fields like published_time, modified_time, author, section, and tags. Use 'website' for landing pages, home pages, and most product pages. Article schema is also the type Google looks for when generating Top Stories / Discover surfaces.
Is my data uploaded to a server?
No. The tool runs entirely in your browser. Your inputs are saved to your local browser storage so the form persists between visits — click Reset to clear it. Nothing is sent anywhere.
Meta tags are the SEO building blocks every web page needs — title, description, Open Graph, Twitter Card, canonical URL, robots, and structured data. Our generator builds the complete HTML block + live Google + social preview.
How to use
- 1Describe your page in 1-2 sentences (or use AI auto-fill).
- 2Adjust title (50-60 chars), description (140-160 chars), and OG image URL.
- 3Pick OG type — website, article, product, profile, etc.
- 4Live preview shows how your page renders on Google, Facebook and Twitter/X.
- 5Copy the complete HTML block and paste between your <head> tags.
Why use this tool
- Complete HTML block — Open Graph, Twitter Card, JSON-LD all in one.
- Live preview eliminates surprises on social sharing.
- Character limits enforced — no truncation in search results.
- AI mode writes click-worthy meta in seconds.
Real-world examples
Blog article
Pick OG type 'article', add author + publish date — generates Article JSON-LD + article:author + article:published_time meta tags.
Product page
Pick OG type 'product' — get product-specific OG tags + structured data for rich product cards in search.
AI auto-fill
Paste 'free JSON formatter for developers' → AI writes SEO-perfect title, description, and OG variants in one click.