Meta Tag Generator
Generate HTML meta tags for SEO, Open Graph, and Twitter cards.
Free & unlimited
SEO tip
Keep the title under 60 characters and description between 120–160 characters for optimal display in search results. Add an OG image for social sharing.
Presets
Content
Title
0/60Description
0/160Keywords
Author
Canonical URL
Robots
Language
Open Graph
og:title (defaults to title)
og:description (defaults to description)
og:image URL
og:site_name
og:type
Twitter card
twitter:card
twitter:site
twitter:creator
SEO score
Start filling fields to see your SEO score.
Live preview
Page title
https://example.com
Page description will appear here.
Generated HTML (6 tags)
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Enter page details
Fill in the page title, description, keywords, and canonical URL.
- 2
Configure social tags
Add Open Graph and Twitter Card fields including image URL, site name, and card type.
- 3
Preview output
See how your page will appear in search results, Facebook shares, and Twitter posts.
- 4
Copy the HTML
Copy the generated meta tag block and paste it into your page's <head> section.
- Keep your meta description between 150 and 160 characters so it displays fully in search results.
- Use an og:image at least 1200x630 pixels for the best appearance when shared on Facebook and LinkedIn.
- Set a canonical URL to prevent duplicate content issues when the same page is accessible at multiple URLs.
- Choose "summary_large_image" for Twitter Card type when your content benefits from a prominent image.
- Standard HTML meta tags for title, description, and keywords
- Open Graph tags for Facebook, LinkedIn, and other platforms
- Twitter Card tags with card type selection
- Live search engine and social media preview
- One-click copy of the complete HTML snippet
- Set up SEO meta tags for new website pages and blog posts
- Optimize how your content appears when shared on social media
- Generate consistent meta tags across multiple pages of a site
- Audit and improve existing pages by comparing generated tags to current markup
Twitter falls back to Open Graph tags if Twitter-specific tags are missing, but adding both gives you full control over how your content appears on each platform.
Place them inside the <head> element of your HTML document, before the closing </head> tag.
Most search engines no longer use the keywords meta tag for ranking. Include a handful of relevant terms if desired, but focus your effort on title and description.
Related tools
View allMore in Utilities12
Updated