Utilisez un titre ou un sous-titre  pour identifier le contenu qui le suit immédiatement. Les titres et les sous-titres sont des textes de grande taille, en gras, concis et de nature hiérarchique.

Sur cette page

• Comment l'appliquer
• Rédiger de bons titres et sous-titres
• Choisissez des titres courts et clairs
• Utilisez des mots-clés au début
• Respectez les règles relatives aux majuscules
• N'utilisez pas de ponctuation à la fin d'un titre
• Ajoutez du texte après chaque titre
• Choisir le meilleur titre (H1)
• Faites correspondre le titre de la page avec la balise de titre dans les métadonnées
• Donnez un titre unique à votre page
• Les titres de page doivent être courts
• Utilisez des titres superposés pour un ensemble de pages apparentées
• Vérifiez et mettez à jour les liens entrants si vous modifiez des titres de page
• Entraînez-vous à rédiger des titres de page
• Organiser le contenu à l'aide de sous-titres (H2 et suivants)
• Faites en sorte qu'on puisse suivre la trace de l'information
• Utilisez une structure parallèle
• Structurez le contenu à l'aide de niveaux de sous-titres
• Créez une table des matières pour le contenu long
• Options de conception
• Composantes et fonctionnalités complémentaires

Comment l'appliquer

Suivez ces règles pour créer des titres utiles pour votre contenu, y compris le titre de page (aussi appelé H1 sur une page Web) et les sous-titres (aussi appelés H2, H3, H4 et suivants sur une page Web).

Rédiger de bons titres et sous-titres

La plupart des gens survolent les titres et les sous-titres pour repérer des mots-clés qui confirment qu'ils ont trouvé le contenu recherché. Les personnes qui utilisent les technologies d'aide peuvent se servir d'un logiciel pour entendre les mots clés ou utiliser les raccourcis du clavier pour naviguer vers tous les sous-titres.

Choisissez des titres courts et clairs

Assurez-vous que le titre donne une idée claire de ce qui suit et qu'il :

• est court, sans mots superflus
• ne comprend pas d'abréviation, sauf si elle est mieux connue du public cible que son équivalent en version longue
• ne comprend pas de message promotionnel (comme une affirmation subjective) puisqu'il pourrait semer la confusion et empêcher les gens de lire la page ou le document

Utilisez des mots-clés au début

Mettez les termes les plus pertinents au début du titre ou du sous-titre. Les gens parcourent souvent la partie gauche (les premiers mots de chaque élément) d'une liste dans une page ou un document (résultats de recherche, menu, table des matières). Il est peu probable qu'ils lisent le reste du texte si les premiers mots du titre n'attirent pas leur attention.

Faites des recherches pour identifier les mots que vos utilisateurs sont susceptibles de rechercher et de comprendre.

Respectez les règles relatives aux majuscules

Sur les pages Web, le premier mot des titres suivants doit commencer par une majuscule :

• Titres de page
• Titres de sections
• Sous-titres
• Titres de tableaux
• En-têtes des colonnes / rangées d’un tableau

Pour les autres mots des titres et des sous-titres, suivez les règles habituelles relatives au majuscules. Par exemple, mettez en majuscules les noms propres lorsqu’ils apparaissent dans un titre.

N'utilisez pas de ponctuation à la fin des titres

N'utilisez pas de ponctuation à la fin des titres, titres de sections, sous-titres, légendes et en-têtes de tableaux. Utilisez le point d'interrogation uniquement lorsqu'on demande aux gens de fournir des renseignements dans un formulaire, un questionnaire ou un sondage. Évitez d'écrire les titres sous forme de question, car nous fournissons des réponses, nous ne posons pas de questions.

Ajoutez du texte après chaque titre

Il est généralement préférable que les titres soient suivis de texte et non d'un autre titre. Utilisez le texte entre un titre et un sous-titre pour résumer ou présenter ce que l'utilisateur trouvera dans les sous-sections.

Dans certains cas, il est possible de faire suivre un titre d'un autre titre. Par exemple :

• lorsqu'un titre introduit une table des matières sur la même page (en ajoutant un menu « Sur cette page », par exemple)
• lorsque l'objectif de la page est évident d'après le titre de la page et qu'un texte d'introduction n'apporterait aucune valeur ajoutée à l'utilisateur

Choisir le meilleur titre (H1)

Le titre de la page (aussi appelé en-tête de niveau 1 ou H1 sur une page Web) est le titre que vous voyez en haut de la page. Assurez-vous qu'il décrit bien le type d’information qui suit dans un langage clair et simple.

Un titre descriptif est important pour les raisons suivantes :

• Le lecteur doit savoir si le document s’applique à lui.
• Les moteurs de recherche affichent souvent le titre sans contexte dans la liste des résultats de recherche.

Choisissez un titre qui conserve son sens, même hors contexte.

Faites correspondre le titre de la page et la balise de titre dans les métadonnées

Le titre de la page apparaît à deux endroits. Il se trouve :

• en haut de la page (il s’agit du texte le plus grand et en gras (en-tête de niveau 1 ou H1))
• dans les métadonnées de la page, dans la balise de titre (<title>), qui est également affichée tout en haut dans l'onglet du navigateur

L'en-tête H1 et la balise de titre ont tous deux un rôle important à jouer :

• La balise de titre est utilisée dans les résultats de recherche et aide l'utilisateur à choisir la bonne page dans une liste de résultats.
• L'en-tête H1 indique à l'utilisateur qu'il se trouve sur la bonne page.

L'en-tête H1 et la métadonnée de titre doivent être identiques, à l'exception de « - Canada.ca » qui est ajouté à la fin de la balise de titre pour tout le contenu du site canada.ca.

Si vous utilisez un titre de page superposé, assurez-vous d'inclure les deux parties du titre superposé dans la balise de titre.

Donnez un titre unique à votre page

La plupart des moteurs de recherche repèrent les résultats pertinents selon :

• le titre de la page
• les titres de section
• les sous-titres

Ils affichent le titre de page sous forme de lien dans la page de résultats.

Les titres de page uniques permettent aux moteurs de recherche de faire une distinction entre diverses pages similaires. Ils font également en sorte que les gens n'aient pas à regarder de nombreuses pages ayant le même titre pour trouver l'information requise.

Vous pouvez utiliser un moteur de recherche pour vérifier si votre titre est unique.

Pour les documents, cherchez le titre complet du document.

Pour les pages Web du gouvernement du canada, cherchez le titre de la page, suivi de « site: » et du nom de domaine du gouvernement du Canada (par exemple, « salubrité des aliments site:gc.ca » ou, « salubrité des aliments site:canada.ca »).

Les titres de page doivent être courts

Les résultats de recherche Google affichent seulement les 60 à 65 premiers caractères d'un titre de page. Veillez à ce que votre titre soit concis et à ce que les mots clés soient placés au début du texte afin que les mots les plus pertinents apparaissent dans les résultats de recherche. Supprimez les mots inutiles.

Utilisez des titres superposés pour un ensemble de pages apparentées

Un H1 superposé montre que la page appartient à un ensemble de pages plus grand. N'utilisez pas ce modèle lorsque vous pouvez écrire un titre de page unique et descriptif.

Il existe deux façons différentes de mettre en place un H1 superposé.

Navigation de style métro

Cette méthode est utilisée seulement pour les pages utilisant la navigation de style métro du système de conception GCWeb, par exemple, la page « Préparez-vous à faire une demande » de la Prestation dentaire canadienne.

Dans une navigation de style métro, deux H1 sont utilisés dans la conception. Consultez la section sur les options de conception pour en savoir en plus sur le codage.

H1 superposé dans un sujet

Utilisez cette méthode lorsqu'un sujet ou une tâche appartient à un sujet plus vaste et qu’une personne risque de confondre avec une page similaire appartenant à un autre sujet.

Par exemple, utilisez un titre superposé pour montrer la différence entre la section « Après avoir produit votre déclaration de revenus » qui se trouve sous « Impôt sur le revenu des particuliers » pour la distinguer de la section « Après avoir produit votre déclaration de revenus » qui se trouve sous « Impôt sur le revenu des sociétés ».

Dans ce cas, le titre superposé est codé comme un seul H1. Consultez la section sur les options de conception pour en savoir en plus sur le codage.

Vérifiez et mettez à jour les liens entrants si vous modifiez des titres de page

Si vous modifiez le titre d'une page Web existante, n'oubliez pas de mettre à jour tous les liens entrants vers cette page. Envoyez une demande de service à la DCPN pour demander à l'équipe de développement Web de créer un rapport sur les liens de renvoi. Ce rapport comprendra une liste des autres pages de l'ARC qui renvoient à votre page, ainsi que le texte du lien utilisé. Contactez les personnes responsables de ces pages Web et demandez-leur de mettre à jour le texte du lien pour refléter le nouveau nom de votre page.

Utilisez l'outil d'analyse de page pour voir s'il y a des pages de renvoi importantes qui n'appartiennent pas à l'ARC. Contactez les propriétaires de ces pages et demandez-leur de mettre à jour le texte du lien.

Entraînez-vous à rédiger des titres de page

Les exemples ci-dessous montrent comment vous pouvez appliquer ces règles pour réécrire les titres de pages afin de les rendre plus efficaces.

Titre unique et descriptif

Titre débutant par les mots les plus importants

Title does not include unnecessary information

Titre concis

Organisez le contenu à l'aide de sous-titres (H2 et suivants)

Le titre, les titres de section et les sous-titres de votre contenu Web aident les gens à trouver facilement des renseignements à l'écran. Utilisez des titres pour diviser le texte en sections logiques à environ tous les 200 mots.

Faites en sorte qu'on puisse suivre la trace de l'information

Sur le Web, les gens essaient de trouver où se trouve l’information plutôt que de lire le contenu du début à la fin. Ils parcourent le contenu à la recherche de réponses ou d'informations qui les aideront à accomplir leur tâche. S'ils ne trouvent pas ce qu'ils cherchent, ils recherchent un lien qui les mènera dans la bonne direction. C'est ce qu'on appelle suivre la trace de l'information.

Les titres, les sous-titres, les liens et le premier paragraphe du contenu sont des éléments importants pour pouvoir suivre la trace de l'information.

De bons titres et sous-titres permettent aux utilisateurs de faire un balayage rapide pour trouver ce qu'ils cherchent. Ils sont également essentiels pour rendre le contenu Web accessible. Les utilisateurs de lecteurs d'écran peuvent utiliser les titres et sous-titres pour naviguer rapidement entre les sections et pour mieux comprendre ou résumer le contenu.

Le premier paragraphe permet également de suivre la trace de l'information. Utilisez-le pour présenter le contenu dans un langage clair et simple. Il aide les gens à déterminer s’ils ont trouvé ce qu'ils cherchent. C'est aussi souvent le texte qui s'affiche dans les résultats des moteurs de recherche.

Utilisez une structure parallèle

Une structure parallèle signifie que les sous-titres sont grammaticalement identiques et présentent d'autres similitudes fondamentales.

N'oubliez pas de combiner la structure parallèle avec d'autres règles énoncées sur cette page, par exemple en plaçant les mots les plus importants en premier.

Structurez votre contenu à l'aide des niveaux de sous-titres

Utilisez les options de style automatisées de votre logiciel de traitement de texte pour structurer vos titres. Elles permettent de bien distinguer les sous-titres du contenu et d'assurer l'uniformité. Des sous-titres présentés de façon claire et cohérente aident votre équipe Web à produire la page plus rapidement en évitant les erreurs.

Pour le titre de page:

• utilisez ce style de présentation : Titre 1
• une seule fois dans une page

Pour une section principale :

• utilisez ce style de présentation : Sous-titre 2
• plusieurs fois dans une page

Pour une sous-section :

• utilisez ce style de présentation : Sous-titre 3
• plusieurs fois et dans plusieurs sections principales

Pour une sous-sous-section :

• utilisez ce style de présentation : Sous-titre 4 (et ainsi de suite)
• plusieurs fois et dans plusieurs sous-sections

Évitez d'utiliser des titres H5. Envisagez plutôt de restructurer le contenu.

Créez une table des matières pour le contenu long

Ajoutez une table des matières à la page lorsque :

• une personne aurait à faire défiler la page de façon excessive (plus de 2 ou 3 défilements) pour visualiser l'ensemble du contenu de la page
• la page est divisée en sous-sections, chacune ayant son propre sous-titre

Le fait d’avoir généralement plus de 2 en-têtes H2 signifie que la page est assez longue pour nécessiter une table des matières.

Apprenez-en plus sur la mise en place d'une table des matières sur une page.

Options de conception

<title>En-tête H1 - Titre de la page parent</title>
		...
		<p class="lead mrgn-tp-md mrgn-bttm-0 text-muted" aria-hidden="true">Titre de la page parent</p>
		<h1 class="mrgn-tp-0" id="wb-cont">En-tête H1<span class="wb-inv"> – Titre de la page parent</span></h1><h1 id="wb-cont">En-tête H1</h1><h2>En-tête H2</h2><h3>En-tête H3</h3><h4>En-tête H4</h4><h5>En-tête H5</h5>

Composantes et fonctionnalités complémentaires

• 

  Table des matières

• 

  Listes