Free Meta Tag Generator

Create the exact meta tag structure you need. Generate title, description, keywords, and favicon tags - nothing more, nothing less.

Generate Tags Now How To Use

Meta Tag Settings

Characters: 0
Characters: 0
Keywords: 0
0
Title Length
0
Description Length
0
Keywords Count

Generated Meta Tags

How To Use This Tool

  1. Title: Enter your page title (50-60 characters recommended).
  2. Meta Description: Write your description (150-160 characters recommended).
  3. Keywords: Add keywords separated by commas.
  4. Favicon URL: Enter your favicon path (e.g., /favicon.png).
  5. Generate: Click "Generate Meta Tags" to create the exact structure.
  6. Copy: Copy the generated code and paste into your HTML head section.

Note: This tool generates EXACTLY the structure shown above - nothing more, nothing less. No Open Graph, no Twitter Cards, no extra tags.

`; const blob = new Blob([htmlContent], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'meta-tags.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); // Change button text temporarily const originalText = downloadBtn.innerHTML; downloadBtn.innerHTML = ' Downloaded!'; downloadBtn.style.backgroundColor = '#10b981'; setTimeout(function() { downloadBtn.innerHTML = originalText; downloadBtn.style.backgroundColor = ''; }, 2000); }); // Auto-generate when any input changes [pageTitle, pageDescription, pageKeywords, faviconUrl].forEach(input => { input.addEventListener('input', function() { updateCharacterCounts(); generateMetaTags(); }); }); // Initial generation generateMetaTags(); });