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.
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.