HTML Page Title

Subject: html

📄 HTML <title> Tag

The HTML <title> tag defines the title of a web page. It appears in the browser tab, is used when the page is bookmarked, and is crucial for Search Engine Optimization (SEO). A clear, keyword-rich title can boost visibility and encourage click-throughs from search engine results.

🔍 What is the <title> Tag?

The <title> element is a metadata tag placed inside the <head> section of an HTML document. It sets the name of the page as seen by users and search engines.

✅ Syntax:

🚀 Try it in Compiler

✅ Example Placement:

🚀 Try it in Compiler

🧭 Where the Title Appears

  • Browser Tab — shown at the top of your web browser
  • Bookmarks/Favorites — used as the saved page name
  • Search Results — often displayed as the blue headline in Google
  • Social Media Previews — shown as the shared page title

📈 Why the Page Title Matters

A well-crafted title:

  • Communicates what the page is about
  • Boosts click-through rate in search engines
  • Improves SEO rankings
  • Provides a good first impression

✅ What Makes a Good Title?

A great page title should:

  • Accurately reflect the content of the page
  • Include relevant keywords without stuffing
  • Be concise (50–60 characters recommended)
  • Entice users to click

📝 Example:

🚀 Try it in Compiler

⚠️ Common Mistakes to Avoid

  • Too short or too vague (e.g., "Home")
  • Stuffing keywords unnaturally
  • Duplicate titles across pages
  • Missing <title> altogether

🧠 Key Takeaways

  • The <title> tag defines the name of the page seen in the browser and search engines
  • It’s one of the most important on-page SEO elements
  • Write titles that are descriptive, keyword-focused, and user-friendly
  • Keep titles unique for every page to maximize SEO impact
Next: HTML Charset