Cet article est une synthèse des recommandations de Google et des bonnes pratiques reconnues, en matière de mise en place des titres sur vos pages web, notamment sous Joomla.
Le titre du paragraphe principal de chaque page
Comme pour un article dans la presse, chaque page de votre site doit comporter un seul titre principal.
Ce titre principal doit être différent sur chacune des pages de votre site; chaque page traitant d'un sujet différent.
Il doit contenir une expression-clé sur laquelle vous fondez votre référencement naturel (celui de la page).
Sa longueur n'est pas strictement encadrée mais un titre trop long sera considéré par les moteurs de recherche comme abusif. On peut considérer 100 caractères comme une limite maximale raisonnable. Son contenu doit être rédigé de manière naturelle et pas une suite de mots.
Il est symbolisé par la balise HTML <h1> ("h" pour headline).
La hiérarchie des paragraphes (et donc des titres)
Comme pour un article de presse votre page va, en général, présenter différentes parties ou paragraphes.
Chaque paragraphe sera associé à un titre.
Les titres de vos paragraphes doivent être de niveau 2 (balise HTML <h2>).
Si vous avez des sous-paragraphes, vous placerez, si nécessaire, des titres de niveau 3 (balise HTML <h2>). Et ainsi de suite.
Cette hiérarchie simple va permettre aux moteurs de recherche d'identifier que votre site est réellement construit et pensé, selon une logique humaine. Cette structure aide également les moteurs de recherche à parcourir le site.
Si vous le pouvez, il est toujours bénéfique de placer des mots-clés dans les sous-titres de niveaux h2, h3, etc...
Ces principes de rigueur et de hiérarchie font partie des nombreux critères qui permettent aux moteurs de recherche d'identifier votre site comme un site de qualité.
Il ne doit pas y avoir de rupture ni d'ordre hétéroclite dans cette hiérarchie des titres.
Exemple de bonne structure de titres:
<h1>Voici le titre principal de ma page</h1>
<h2>Le titre de mon premier paragraphe</h2>
<h3>Avec un première idée</h3>
<h3>Et une seconde idée</h3>
<h2>Le titre de mon second paragraphe</h2>
<h3>Avec un première idée</h3>
<h3>Et une seconde idée</h3>
Exemple de mauvaise structure:
<h1>
<h3>
<h3>
<h2>
<h4> etc...
Bien entendu, le visuel doit appuyer cette hiérarchie, par une taille de police décroissante par exemple.
Comment vérifier rapidement que vous respectez ces principes en écrivant votre article Joomla
En plaçant votre curseur sur n'importe quelle ligne, vous pouvez voir au sein de l'éditeur, mais aussi en bas de page sur quel niveau vous avez placé votre titre (cf image ci-dessous).
Comment veiller à l'unicité de ce titre h1 pour chaque page et comment vérifier que vous avez bien appliqué une hiérarchie bien structurée?
Vous avez mis en place vos contenus, parfois à l'aide de modules, et une vision globale de votre page n'est pas forcément évidente. Des outils d'analyse gratuits vous permettent de vérifier que vous appliquez (ou pas) les bonnes pratiques.
Par exemple : http://www.webrankinfo.com/outils/balises-h1-h6.php#gref
Vous utilisez un module pour afficher votre titre principal
Ce module est en général placé au-dessous ou au-dessus du menu principal horizontal.
Vous affichez le titre du module et vous souhaitez donc que celui-ci soit le titre principal de la page <h1>.
Joomla vous permet de définir le niveau du titre des modules dans l'onglet "Paramètres avancés" de chaque module (cf ci-dessous).
Vous souhaitez utiliser le titre de votre article comme titre principal
Il se trouve que par défaut Joomla affiche le titre de l'article en niveau h2. Et il n'existe pas de moyen aussi simple que pour les modules, de modifier le niveau du titre.
Donc comment faire en sorte que le titre de votre article soit h1 et non h2?
Voici la procédure : https://www.nosyweb.fr/astuce-joomla/appliquer-une-balise-h1-au-titre-darticle-joomla.html
Si vous avez souscrit une assistance Nosyweb, nous réaliserons cette démarche pour vous.
Articles qui devraient vous intéresser
TUTO : Installer Joomla 3.8 en local en 3 étapes avec WampServer
Phoca Gallery 3.2.4 : une galerie Joomla pour vos photos
