Meta Tags Generator
Generate complete meta tags for SEO, Open Graph and Twitter Card. Social preview included. Free, instant.
Page information
Generated HTML
<!-- Primary Meta Tags --> <meta name="robots" content="index, follow">
About Meta Tags Generator
Meta tags control how your pages appear in search engine results and on social media link previews. Missing or incorrect meta tags mean your content shows up with the wrong title, a generic description, or no preview image when shared — a missed opportunity for clicks and engagement that is easy to fix with the right tooling.
Our Meta Tags Generator creates the complete HTML snippet for three complementary tag sets: standard SEO meta tags (title, description, robots), Open Graph tags (og:title, og:description, og:image, og:url, og:type) used by Facebook, LinkedIn, Pinterest, and WhatsApp, and Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) for rich previews on Twitter/X. The social preview panel shows you a visual mockup of how your link will look when shared before you publish it.
Getting these right matters for every public-facing page. The title tag (under 60 characters) is displayed in search results and browser tabs. The meta description (under 160 characters) provides the snippet shown in search results. OG image dimensions of 1200×630 pixels ensure your preview image scales correctly across all social platforms and device sizes.
How to Use Meta Tags Generator
- 1Enter your page title — keep it under 60 characters for full display in Google search results.
- 2Write a meta description under 160 characters that summarizes the page content compellingly.
- 3Enter the canonical URL for this page.
- 4Upload or link your Open Graph image — recommended size is 1200×630 pixels.
- 5Review the social preview panel showing how the link will look on Facebook and Twitter.
- 6Click "Copy HTML" to copy the complete meta tag snippet and paste it into your `<head>`.
Use Cases
- →Generate OG tags for a new landing page, blog post, or product page before publishing
- →Preview exactly how a URL will appear when shared on Facebook, LinkedIn, or Twitter
- →Ensure every page on your site has correct Twitter Card markup for rich link previews
- →Scaffold meta tags quickly when building a new page in Next.js, Nuxt, or plain HTML
- →Audit and regenerate meta tags for underperforming pages as part of an SEO improvement plan
- →Create meta tags for each blog post to improve click-through rates from search results
Tips
- ✓Keep meta descriptions under 160 characters — Google truncates longer ones with an ellipsis
- ✓OG images should be 1200×630px for correct display on all major social platforms and devices
- ✓Always include both Open Graph and Twitter Card tags — they serve different social networks
- ✓The og:title can be longer and more descriptive than the `<title>` tag if needed for social context
- ✓Set og:type to "article" for blog posts and "website" for homepage and landing pages
- ✓Include the protocol (https://) in all og:url and canonical URL values
Frequently Asked Questions
The generator produces three groups: Primary Meta Tags (title, description, keywords, author, robots), Open Graph tags (og:type, og:url, og:title, og:description, og:image) and Twitter Card tags.
For the page title, 50–60 characters is recommended. For the description, 120–160 characters is optimal — Google truncates descriptions around 160 characters.
Open Graph (OG) tags control how your page appears when shared on social networks like Facebook, LinkedIn, and WhatsApp. They define the title, description, image and site name shown in link previews.
Twitter Cards are meta tags that control how your page looks when shared on X/Twitter. summary_large_image shows a large image above the title and description.
1200×630 pixels is the standard size for Open Graph images. Minimum is 600×315. Use PNG or JPG for the best compatibility.
"index, follow" tells search engines to index this page and follow its links. "noindex, nofollow" tells crawlers to skip the page entirely.