HTML Page Title

HTML Tutorial

HTML Page Title

The HTML Page Title is the text that appears:

  • On the browser tab

  • In search engine results (SEO)

  • In bookmarks

It is defined using the <title> tag.

 1. What Is an HTML Page Title?

The page title tells:

  • Users what the page is about

  • Search engines how to display your page

It is placed inside the <head> section of an HTML document.

 2. Basic Syntax


 

 The text My First Website appears on the browser tab.

 3. Where Is the Title Shown?

  •  Browser tab

  •  Bookmark name (default)

  •  Google / Bing search results

Example (search result):

My First Website - Learn HTML

 4. Page Title vs Heading (<h1>)

Feature<title><h1>
Location<head><body>
Visible on pageNoYes
Used for SEOYesYes
Browser tabYesNo

Example:

 Both are important, but they serve different purposes.

 5. SEO Best Practices for Page Title

  •  Keep it 50–60 characters
  •  Include main keyword
  •  Make it clear & unique
  •  Avoid keyword stuffing

Good Example:

<title>HTML Tutorial for Beginners | Learn Web Development</title>

Bad Example:

<title>HTML HTML HTML Tutorial HTML</title>

 6. Changing Page Title with JavaScript (Optional)


 

  •  Useful for dynamic pages

 7. Common Mistakes

  •  Forgetting <title> tag
  •  Placing <title> inside <body> 
  •  Using same title on all pages
  •  Too long or meaningless titles

 Key Points to Remember

  • <title> is mandatory in HTML

  • Appears in browser tab & search results

  • Must be inside <head>

  • Very important for SEO & UX

You may also like...