Free Meta Tag Generator: Preview Your Google Snippet Before Publishing
Our free Meta Tag Generator shows you exactly how your page will appear in Google search results and on social media — before you publish. Generate all the HTML in one click.
mubashar
Meta tags are the information you provide to search engines and social platforms about your page — the title that appears in Google results, the description underneath it, the image that shows when someone shares your link on Twitter or LinkedIn. Getting them right is one of the most impactful and underused levers in SEO. Our free Meta Tag Generator generates all of them with a live Google and social preview.
Why you should preview before you publish
Most developers and content creators write meta tags in code or a CMS without seeing how they will actually appear. The title gets cut off at 60 characters in Google. The description wraps awkwardly on mobile. The OG image renders with the wrong aspect ratio on LinkedIn. These are invisible problems until your page is live and being shared — and fixing them after the fact means waiting for search engines to re-crawl.
Our meta tag generator shows you the Google search result preview and the social sharing card preview in real time, before you copy any code.
What the generator produces
Enter your page details and the tool generates ready-to-paste HTML for:
<title>— the page title shown in browser tabs and search results (max 60 chars)<meta name="description">— the snippet shown beneath your title in search results (max 160 chars)<link rel="canonical">— tells search engines the preferred URL for this content<meta name="robots">— controls whether search engines index this page- All Open Graph tags (
og:title,og:description,og:image,og:type,og:url) - Twitter Card tags (
twitter:card,twitter:title,twitter:description,twitter:image)
The right image size for OG tags
Use 1200×630 pixels for your Open Graph image. This renders correctly on Facebook, Twitter/X, LinkedIn, and most other platforms. Use a PNG or JPEG — avoid GIFs and WebP as some platforms do not support them for OG images.
How to use the generator
- Visit the Meta Tag Generator
- Enter your page title, description, URL, and OG image URL
- See the live Google preview and social card preview update in real time
- Click "Generate Meta Tags" to get the copy-paste HTML code
- Paste it inside the
<head>section of your page
If you are using Django, the better long-term approach is to add SEO fields directly to your models and render them via template blocks — exactly as this site does. But for quick checks, one-off pages, and verifying your implementation, the generator is invaluable.
Written by
Mubashar Iqbal
Web developer, SEO expert, and independent maker. I build products, write about what I've learned, and create free tools for developers and marketers.