HTML Page Title

📘 What is an HTML Page Title?

The HTML page title is the text shown in the browser tab, search engine results, and when bookmarking a page. It’s set using the <title> tag inside the <head> element of your HTML document.

>>“Your page title is your site’s first impression — make it count.” 💡

🧱 Basic Syntax

HTML Title Example

<!DOCTYPE html>
<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Welcome!</h1>
  </body>
</html>

The text inside the <title> tag appears:

  • 📌 On the browser tab
  • 🔍 In search engine results as the page title
  • ⭐ When a user bookmarks or favorites the page

📈 SEO Importance of the Title

The title is critical for SEO (Search Engine Optimization). A good title should:

  • ✅ Clearly describe the content of the page
  • ✅ Be unique for each page
  • ✅ Include relevant keywords

Note

⚠️ Keep your title tag under 60 characters so it displays properly in Google search results.

🎯 Best Practices

  • 💬 Write human-friendly and descriptive titles
  • 🔑 Use 1–2 important keywords naturally
  • 🏷️ Avoid keyword stuffing
  • 📚 Make each page title unique across your website

📌 Example Titles

Page TypeGood Title
HomepageMySite - Learn Web Development
Blog Post10 Tips to Master CSS Grid - MySite
Product PageOrganic Green Tea | Free Shipping - TeaWorld

🧪 Testing the Title

After updating the <title> tag:

  • 🔄 Reload your page in the browser
  • 🧼 Clear cache if changes aren’t reflected
  • 🕵️‍♀️ Check browser tab and source code

🔗 More Resources

>>“Every great website starts with a meaningful title.” 🎯