Titres et sous-titres de votre site Web

Pour la sixième partie du dossier intitulé « Augmenter l’achalandage de son site Web », j’aborde ici un second élément directement lié au contenu du site Web soit les titres et les sous-titres.

Tout comme le nom des pages et des sections que nous avons vues auparavant, les titres et les sous-titres sont nécessaires à une bonne visibilité sur le Web et représentent auprès de vos visiteurs (et surtout auprès des moteurs de recherche) ce que votre site propose comme contenu.

Tout comme un livre, chaque page de votre site doit posséder un titre et un ou plusieurs sous-titres. Avez-vous déjà lu un livre sans titre? Moi non plus! Google non plus!

Titres de votre page Web

Chacune des pages d’un site Web doit contenir un titre. Le titre d’une page Web consulté est visible dans le coin supérieur gauche de votre navigateur. Lorsque vous apercevez à cet endroit la mention « Untitle », c’est que le concepteur du site a omis d’inscrire un titre lors de la programmation du site. À ne pas faire! Le titre doit être inscrit entre les balises <tiltle> et </title> dans la partie « head » du code source de la page. Certains programmeurs utiliseront des astuces pour favoriser le référencement en inscrivant une série de mots-clés dans le titre. Personnellement, je préfère inscrire un véritable titre représentatif du contenu de ma page. Les astuces peuvent fonctionner à court terme, mais avec l’évolution rapide des moteurs de recherche, elles deviendront rapidement vétustes. Votre site peut contenir un seul titre, soit le même pour chacune des pages, mais je conseille de titrer différemment chacune de vos pages selon le contenu offert. Le titre d’une page peut également être identique à la balise <h1> que vous devez insérer dans le code source de votre page dans la partie « body ». Le titre de la page se retrouvera donc dans le coin supérieur gauche du navigateur ainsi qu’au début du contenu de votre page Web.

Titres et sous-titres de votre site Web

Sous-titres de votre page Web

Les sous-titres sont le prolongement du titre. Comme un livre, les sous-titres diviseront le contenu de votre page Web et permettront aux visiteurs (internautes et moteurs) de saisir rapidement le contenu de votre page. La meilleure façon d’inclure des sous-titres est d’utiliser les balises <h2>, <h3>, <h4>, etc. De plus, en ajoutant des spécifications graphiques (couleurs et grandeurs du texte), l’on peut favoriser grandement l’expérience de l’internaute sur notre site Web. Celui-ci sera informé rapidement du contenu et retracera plus facilement ce qu’il recherche. Si l’on prend cette chronique en exemple, les titres et sous-titres seraient définis comme ceci :

Balise <title> : Titres et sous-titres (visible dans le coin supérieur gauche du navigateur)

Balise <h1> : Titres et sous-titres

Balise <h2> : Titres

Balise <h3> : Sous-titres

Ce petit exemple permet de constater l’impact visuel d’une telle structure. L’on remarque rapidement que cette page traitera des « Titres et sous-titres » et que cette page est divisée en deux sections de contenu soit les « Titres » et les « Sous-titres ». Cette technique peut vous paraître simpliste, mais le défi est de maintenir cette structure en tout temps et l’appliquer à toutes ses créations, et ce, autant à un site de 10 pages qu’à un site de 200 pages!

Les autres section du sites