web-dev-qa-db-fra.com

Comment annoter un didacticiel de plusieurs pages?

J'écris un très long tutoriel qui ne peut tout simplement pas tenir dans une page - cela ferait une page plus lourde que 1 Mo, donc je dois le scinder. Mais j'aimerais vraiment pouvoir tout mettre sur une seule page afin de montrer à Google qu'il s'agit d'une destination très riche en contenu et très pertinente.

Dans le passé, j’avais écrit un didacticiel Word d’environ 2000 et l’a mis sur une seule page. La page était favorable avec les moteurs de recherche et j'ai eu du trafic de recherche dessus.

Quelques mois plus tard, j'ai écrit un didacticiel beaucoup plus volumineux et l'ai divisé en plusieurs pages avec des URL de ce type.

  • / tutorial/(Page principale)
  • / tutorial/sub-topic-x /
  • / tutorial/sub-topic-y /
  • / tutorial/sub-topic-z /
  • Etc...

La balise de navigation est située au bas de chaque page de ce didacticiel et ressemble à ceci:

<div id="tut-nav">
  <div id="prev-next">
    <p class="prev"><a href="http://example.com/some-section/tutorial/">Previous page</a></p>
    <p class="next"><a href="http://example.com/some-section/tutorial/b/">Next page</a></p>
  </div>

  <hr class="clear">

  <h3>Pages in this tutorial:</h3>
  <ol style="padding-left: 20px;">
    <li><a href="http://example.com/some-section/tutorial/">Tutorial Starting Page</a></li>
    <li style="font-weight: bold;"><a href="http://example.com/some-section/tutorial/a/">Sub-topic A</a></li>
    <li><a href="http://example.com/some-section/tutorial/b/">Sub-topic B</a></li>
    <li><a href="http://example.com/some-section/tutorial/c/">Sub-topic C</a></li>
    <li><a href="http://example.com/some-section/tutorial/d/">Sub-topic D</a></li>
    <li><a href="http://example.com/some-section/tutorial/e/">Sub-topic E</a></li>
    <li><a href="http://example.com/some-section/tutorial/f/">Sub-topic F</a></li>
    <li><a href="http://example.com/some-section/tutorial/g/">Sub-topic G</a></li>
  </ol>
</div>

J'ai même de la chapelure (sans la majoration des microdonnées) comme celle-ci

Site> Section> Tutoriel> Sous-sujet A

Malgré tout, la page principale,/tutorial /, n'a pas eu beaucoup de chance avec les moteurs de recherche. C'est sur la deuxième page pour son mot clé très peu compétitif. Il est classé en dessous des pages avec une qualité nettement inférieure et une couverture de sujet moins profonde. Ça fait des mois. Qu'est-ce que j'aurais pu faire de mal? :(

Je pense que pour ce nouveau tutoriel que je suis en train d’écrire, le <titles> de toutes les pages sera "Comment utiliser la phrase clé - Partie 1", "Comment utiliser la phrase clé - Partie 2", etc. Mais <h1> sera différent de <title> pour chaque page.

Que pensez-vous de tout cela? Existe-t-il un moyen sémantique de baliser des articles de plusieurs pages qui indiquerait clairement aux moteurs que ces pages font partie d'un article?

seohtmlmarkup
2
M.K. Safi

Les titres exacts dépendent du sujet et de son naturel.

J'ai utilisé les deux titres en double pour toutes les pages d'un article et des titres distincts. Dans le cas de titres distincts, vous pouvez alors utiliser des mots-clés ciblant ces sections de l'article (au lieu de la page 1, 2, etc.). Par exemple, si vous écrivez sur "chats", vous pouvez avoir des pages intitulées "nourriture pour chats", "comportement du chat", "familles de chats", etc.

Ensuite, vous devriez marquer toutes les pages avec les balises méta appropriées (exemple pour page2):

<link rel="start" href="/tutorial"/>
<link rel="prev" href="/tutorial"/>
<link rel="next" href="/tutorial/page3"/>

Notez que si votre didacticiel peut être lu de manière non linéaire, utilisez toujours un ordre cohérent donné aux moteurs de recherche. En fait, probablement le "début" est important mais j’inclus souvent les 3.

0
Itai