Meta Tags Generator
Generate SEO-optimized HTML meta tags including Open Graph and Twitter Card tags.
Deep Dive
Generate complete HTML meta tag markup for a web page including title, description, Open Graph, Twitter Card, and basic SEO tags. Preview how the tags will appear in search results and social media shares. Copy the generated HTML and paste it into your page's `<head>`.
Who uses this?
- Adding Open Graph tags to a new landing page
- Generating Twitter Card markup for article pages
- Creating consistent meta tags across a site
- Auditing what meta tags a page currently has before adding more
Examples
Input
Title: "KaruviLab Tools", Desc: "Free browser-based tools for developers"Output
<meta name="description" content="Free browser-based tools for developers">
<meta property="og:title" content="KaruviLab Tools">Common Errors & Fixes
og:image not showing on social media
The image must be an absolute URL (starting with https://). Local or relative paths do not work. Also ensure the image is at least 1200×630 pixels.
Title is truncated in search results
Keep the title under 60 characters. Google truncates titles longer than approximately 580px wide.
Expert FAQ
What is the ideal meta description length?
Google typically displays up to 155–160 characters. Keep descriptions between 120–155 characters for best display across devices.
Do meta keywords still matter for SEO?
No. Google, Bing, and other major search engines have ignored the `keywords` meta tag for many years. Focus on title and description.
What is the difference between og:image and twitter:image?
They serve the same purpose but for different platforms. Twitter Card tags take precedence on Twitter; og: tags are used by Facebook, LinkedIn, and others.