SiteLint documentation and guidelines

Unclear page title

Description

This rule checks whether a web page has a clear and descriptive title. The page title, displayed in the browser tab and in search engine results, should accurately reflect the content and purpose of the page. An unclear or generic title can confuse users and make it difficult for them to understand the context and relevance of the page.

Disabilities Impacted

  • Visual Impairments: Users with visual impairments rely on screen readers to interpret the page title as a summary of the content. An unclear title can lead to confusion and misinterpretation.
  • Cognitive Disabilities: Users with cognitive disabilities benefit from clear and concise information. A well-defined page title helps them quickly grasp the main topic and purpose of the page.
  • Motor Impairments: Users with motor impairments who navigate using keyboard shortcuts or voice commands may find it easier to locate and return to specific pages if the titles are clear and descriptive.

Why It Matters

A clear and descriptive page title enhances usability and accessibility by providing users with immediate context about the content of the page. This is particularly important for users who rely on assistive technologies, as the page title is often the first piece of information they encounter. Moreover, descriptive titles improve search engine optimization (SEO), making it easier for users to find relevant content through search engines.

Coding Problems and Solutions

Common Coding Problems

  • Generic Titles: Using non-descriptive titles like “Home”, “Untitled”, or “Page 1”.
  • Overly Long Titles: Titles that are too lengthy can be truncated in browser tabs and search results, losing important information.
  • Irrelevant Titles: Titles that do not accurately reflect the content of the page.

How to Fix It

Use Descriptive Titles

Ensure the title accurately describes the content and purpose of the page.

Incorrect example
<title>Untitled</title>
Correct example
<title>Contact Us - ABC Company</title>

Keep Titles Concise

Make titles informative yet concise to avoid truncation.

Incorrect example
<title>About Us - Learn More About the History, Mission, and Values of ABC Company, a Leading Provider of Quality Products and Services</title>
Correct example
<title>About Us - Learn More About ABC Company</title>

Ensure Relevance

Match the title to the main content and focus of the page.

Incorrect example
<title>Welcome</title>
Correct example
<title>Blog - Tips for Healthy Living</title>

Known Limitations

  • Dynamic Content: For pages with dynamic content, ensure the title updates accordingly to reflect the current state or main focus of the content.
  • Template-Based Sites: On template-based sites, ensure that each page dynamically generates a unique and relevant title rather than using a default template title.
  • SEO Considerations: While focusing on clarity and descriptiveness, also consider SEO best practices to enhance search engine visibility.

Resources