🏷️ Meta Tag Generator

Generate complete meta tags for SEO and social sharing (Open Graph, Twitter Card). Fill in your page details and copy the HTML code into your website's <head> section.

📄 Page Title (required)

🔗 Canonical URL

📝 Meta Description (150-160 characters)

🔑 Keywords (comma separated)

✍️ Author

🏢 Site Name (for Open Graph)

🖼️ Social Image URL (1200x630px recommended)

🐦 Twitter Handle (@username)

📱 Viewport (leave default)

📋 Copy the code below into your <head> section

📖 How to Use the Meta Tag Generator (Step by Step)

Step 1: Fill in your page details: title, description, canonical URL, author, etc.
Step 2: Provide a social image URL (1200x630px) for better sharing on Facebook, LinkedIn, Twitter.
Step 3: Click "Generate Meta Tags" – the tool creates standard meta, Open Graph, and Twitter Card tags.
Step 4: Copy the generated HTML code and paste it inside the <head> section of your website.
Step 5: Use the "Load Example" button to see a working sample.

💡 Why Use Meta Tags?

✔️ Improve SEO – search engines use title, description, keywords.
✔️ Control social previews – Open Graph tags make your links look great on Facebook, LinkedIn, WhatsApp.
✔️ Twitter Cards – customize how your page appears on X (Twitter).
✔️ Boost click-through rates – well-written meta descriptions attract more clicks.

💡 Pro Tip: Always test your social shares using platforms like the Facebook Sharing Debugger or Twitter Card Validator after adding the meta tags.

🔒 100% client‑side • No data uploaded • Instant meta tag generation • Zero tracking