Introduction
Meta tags provide metadata about your webpage — SEO, encoding, social sharing,
responsiveness, language, authorship, keywords, and more.
They live inside the <head> section and are essential for
professional web development.
1. Basic Meta Tags
2. Keywords (Old but still used)
3. Author
4. Refresh / Redirect
5. Robots (SEO control)
6. Open Graph Tags (Social Media Preview)
7. Twitter Card Tags
8. Theme Color (Mobile Browsers)
9. Favicon
10. Language
11. Charset Explanation
UTF-8 is required for modern text — emojis, symbols, non-English letters.
12. Blocking Search Engines (for dev sites)
13. Disable Phone Number Detection (iOS)
14. Advanced: CSP (Content Security Policy)
Protects against XSS attacks.
Summary
- Meta tags improve SEO, sharing, and site behavior.
- Use Open Graph and Twitter tags for better link previews.
- Viewport meta makes your site responsive.
- Robots tags control search engine indexing.
- CSP increases security.
- Favicon + theme color improve branding.