Add a title element that describes the page

Applicable Role(s): Developer

Overview

The title element is necessary for users to understand what the page is about, what site they are on, and if the page changed. Meaningful titles can also help with search engine optimization and make content more discoverable.

Best Practices

  • The title length should only be as long as it takes to understand the page content and the existing site.
  • The title should match the h1 of the page content.
  • At Western, the subdomain and "Western Washington University" strings should also be included in the title.

Pattern Examples

Western's basic pattern:

<html>
<head>
...
<title>[page-title] | [subdomain] | 
[site-name]</title>
...
</head>
...
</html>

Example for this page:

<title>Add a title element | 
Brand and Communication Guide | 
Western Washington University</title>