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 plus a canonical link: standard SEO meta tags (title, description, keywords, author, robots) followed by `<link rel="canonical">`, Open Graph tags (og:type, og:url, og:title, og:description, og:image, og:site_name, og:locale) used by Facebook, LinkedIn, Pinterest, and WhatsApp, and Twitter Card tags (twitter:card, twitter:url, twitter:title, twitter:description, twitter:image, twitter:creator) 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 — it is written as `<link rel="canonical">` and reused for og:url and twitter:url.
- 4Paste the URL of your Open Graph image — recommended size is 1200×630 pixels.
- 5Fill in the optional fields as needed: keywords, author, site name, Twitter handle and OG locale.
- 6Pick a robots directive from the dropdown — index/follow, noindex/nofollow, or either mixed pair.
- 7Check the social preview card, which renders your OG image above the site name, title, description and URL.
- 8Click "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
- →Add a canonical URL to a page that is reachable through several different addresses
- →Check an OG image before publishing — the preview loads the real file from its URL
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
- ✓This generator writes one title into both `<title>` and og:title — edit the og:title line after copying if you want them to differ
- ✓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
- ✓The character counters on the title and description fields turn red as you approach the limit
- ✓twitter:creator is only written when you fill in the Twitter handle — leave it blank for pages with no author account
- ✓The generated og:type is always "website" — change that single line by hand for article pages
Frequently Asked Questions
The generator produces three groups plus a canonical link: Primary Meta Tags (title, description, keywords, author, robots) followed by <link rel="canonical">, Open Graph tags (og:type, og:url, og:title, og:description, og:image, og:site_name, og:locale) and Twitter Card tags (twitter:card, twitter:url, twitter:title, twitter:description, twitter:image, twitter:creator).
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.