Meta tags are special HTML tags placed inside the <head> section of a web page that provide metadata (information about the document) to browsers and search engines.
🔹 Why are meta tags important?
- Improve SEO (Search Engine Optimization)
- Help with social media previews
- Define character sets, viewport settings, authorship, etc.
- Control browser behavior
🔸 Common Meta Tags:
<!-- Character encoding -->
<meta charset="UTF-8" />
<!-- Viewport for responsiveness -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Page description for SEO -->
<meta name="description" content="A responsive React blog app." />
<!-- Author of the page -->
<meta name="author" content="Teekam Singh" />
<!-- Keyword tags (SEO) -->
<meta name="keywords" content="React, blog, HTML, SEO" />
<!-- Social media preview -->
<meta property="og:title" content="Bloggerspace - React Blog" />
✅ Summary:
- Placed inside
<head> - Provide page metadata
- Crucial for SEO, performance, and social sharing