Améliorer la hiérarchie des balises des titres

19/09/2009
En HTML, le langage qui définit la structure des pages web, les balises <h1>…<h6> sont utilisées pour représentés les titres dans la page, de façon hiérarchique.
balises-titres
Ainsi, les balises <h1> et </h1> encadrent les titres les plus importants d’une page, les balises <h2> les titres de niveau inférieur, etc.
Un grand nombre (tous?) des modèles par défaut de Blogger sont structurés de la façon suivante :

<h1>Titre du blog</h1>
  <h2>Date du billet n°1</h2>
     <h3>Titre du billet n°1</h3>
  <h2>Date du billet n°2</h2>
    <h3>Titre du billet n°2</h3>
…



Que peut-on remarquer ? Que la date de publication des billets est considérée comme un titre plus important que le titre des billets.
Or, les moteurs de recherche comme Google, donne d’autant plus d’importance à une expression contenue dans la page que celle-ci est un titre d’importance élevée.
Nous allons donc donner plus d’importance aux titres des billets, sans en changer l’apparence.
<h1>Titre du blog</h1>
  <p>Date du billet n°1</p>
  <h2>Titre du billet n°1</h2>
  <p>Date du billet n°2</p>
  <h2>Titre du billet n°2</h2>
…
Comme avant toute modification du modèle, pensez à enregistrer votre modèle actuel.
Dans Mise en page > Modifier le code HTML > Modifier le modèle, cliquez sur Développer des modèles de gadgets
Remplacer la ligne
h2.date-header {
Par
p.date-header {
Trouvez ensuite la ligne
<h2 class='date-header'><data:post.dateHeader/></h2>
et remplacez la par
<p class='date-header'><data:post.dateHeader/></p>
Enregistrez une première fois.
Maintenant, cherchez toutes les occurrences de
h3
et remplacez-les par
h2
Enregistrez à nouveau.

Pas encore de commentaire, serez-vous le premier ?

Enregistrer un commentaire

Contact

Nom

E-mail *

Message *