The HTML Title Tag.

The <title> tag defines the title of the document. It is critical for SEO, browser tab identification, and user trust.

The Essentials

It is a required element in every HTML document.

It appears in the browser tab, not on the page itself.

It is the main link text shown in Search Engine Results Pages (SERPs).

It is used as the default name when a user bookmarks your page.

Screen readers read the title first to tell the user which page they are on.

Each page on your site should have a unique, descriptive title.

Professional Insights

SEO and Keyword Placement

Search engines put a high weight on the title tag. Place your most important keywords near the BEGINNING of the title for the best ranking impact.

The 60-Character Rule

Google typically displays the first 50-60 characters of a title. If your title is longer, it will be cut off with an ellipsis (...), which can lower your click-through rate.

Bad vs. Good Examples

Bad: 'Home' or 'Page 1'. Good: '10 Best Healthy Smoothies | HealthyEats Blog'. The good version includes the topic and the brand name.

Social Media Sharing

When you share a link on platforms like WhatsApp or Slack, they often use the <title> tag as the headline if specialized social meta tags (like Open Graph) are missing.

Critical Pitfalls

Using the same title for every page on your website (duplicate titles hurt SEO).

Keyword stuffing—repeating the same word 10 times in a title. This looks spammy to both users and Google.

Forgetting to include the brand name at the end of the title.

Making the title too short (e.g., just 'Shoes'), which isn't descriptive enough to entice a click.

Interactive Lab

Sprint Tasks

Create a title for a 'Photography Portfolio' page

Include a brand name like 'LensMaster'

Keep it under 60 characters

Loading editor...

Production Preview