Free Meta Tag / SEO Tag Generator
Generate meta tags, Open Graph and Twitter Card tags for any page. Paste the HTML into your <head> for better SEO and social sharing.
How to Use This Meta Tag Generator
Enter your page title (the one you want in search results and browser tabs) and a short meta description (around 150 to 160 characters). Add your canonical URL if the page has one. For social sharing, fill in the OG title, description, and image URL. The image should be an absolute URL to a square or landscape image (for example, 1200 by 630 pixels). Optionally add your Twitter handle. Click Generate meta tags, then copy the HTML and paste it into the head section of your page.
Why Meta Tags and Open Graph Matter for SEO and Sharing
Meta tags in the head of your HTML tell search engines what your page is about and how to show it in results. The title and description appear in Google and other search engines. Open Graph (OG) and Twitter Card tags control how your link looks when shared on social media: the image, title, and description that show in previews. Without them, platforms may pick the wrong text or image, or show no preview at all.
Best Practices for Meta and OG Tags
Keep the meta title under about 60 characters and the description under 160 so they are not cut off in search results. Use a unique title and description for each page. For the OG image, use a clear, high-quality image that represents the page. Avoid tiny or low-resolution images. If you leave OG title or description blank, the generator falls back to your page title and meta description, which is fine for many sites.
Frequently Asked Questions
Where do I put meta tags? Paste the generated code inside the <head> element of your HTML, before the closing </head>. In CMSs like WordPress or Webflow, use the page settings or a custom code area for the head.
What is a canonical URL? The canonical URL is the preferred address for the page when you have duplicate or similar content. It tells search engines which version to index.
Why does my link preview look wrong on Facebook or Twitter? These platforms cache previews. Update your OG tags, then use each platform’s sharing debugger (e.g. Facebook Sharing Debugger, Twitter Card Validator) to refresh the cache.
Do I need both OG and Twitter tags? Many platforms use Open Graph. Twitter can use OG tags too, but Twitter-specific tags give you control over how the card appears on Twitter. This generator outputs both so your links look good everywhere.
More Free Tools
Explore more free tools from Code Insights. No sign-up required.
Business ROI Calculator
Calculate return on investment. Enter investment and return for ROI %.
Try it free →Profit Margin Calculator
Calculate gross margin, net margin, markup. Essential for e-commerce.
Try it free →UTM Link Builder
Build campaign tracking URLs for Google Analytics. Preset suggestions.
Try it free →Business Name Generator
Get creative, brandable business name ideas. Save favourites and copy.
Try it free →Meeting Cost Calculator
Find out how much your meetings really cost. Per-meeting and annual.
Try it free →Salary & Hourly Rate Calculator
Convert salary to hourly rate. Calculate freelance day rate with expenses.
Try it free →TRUSTED BY GLOBAL COMPANIES
