====== 2.1.1. Enter an accurate <title> on each page ======

You must provide a well-defined ''<title>'' tag on each page.

It must at least include the name of the current page as well as the name of the website. 


<note>
**Note**

The name of the current page must be shown first in the ''<title>'' tag. You could for example have the title, ''<title>[Name of current page] | [website name]</title>''.</note>

<note attention>**Warning**

Sometimes, pages are reloaded with modified content, following a user action. 

This is the case:
  * When using filters, such as keyword clouds.
  * When using pagination.
  * When an expression is searched from a search form.
  * Etc.

In this case, you need to update the title of the page to reflect what has changed. For example:

<code html>
<title>Search results for "[searched expression]" (page 3/7) | [Name of website]</title>
</code>
</note>

<note astuce>**Tip**

It is an accessibility best practice to make sure the order of content in the ''<title>'' tags on all pages in the website is consistent.
</note>


===== Related recommendations =====

  * [[notices:html-css:mettre-a-jour-le-title-de-la-page-quand-un-formulaire-renvoie-une-erreur-ou-un-message-de-confirmation|]]

<note bulle>
  * Previous recommendation: [[notices:html-css:veiller-a-la-coherence-de-l-ordre-du-flux-html-d-une-page-a-l-autre]]
  * Next recommendation: [[notices:html-css:veiller-au-bon-encodage-de-tous-les-caracteres]]
</note>