web-dev-qa-db-fra.com

L'élément latéral est-il reconnu par Google?

Ma page est configurée comme ci-dessous. Comme vous pouvez le constater, il s’agit d’une structure simple, mais il existe un certain nombre d’éléments de corps de texte liés aux différents liens.
Ces éléments de texte apparaissent sur la page en utilisant un événement survolé par JavaScript comme déclencheur.
L’inconvénient est que tout ce texte dilue le contenu pertinent/ciblé de la page.

<h1>My Page Title</h1>
<p>My main body text optimised for SEO etc....</p>

<div id="sub-elements">
    <a href="/1.html">Link to Element 1</a>
    <p id="element-1-text">This text is hidden but displays when I hover over the "Element 1" link.</p>

    <a href="/2.html">Link to Element 2</a>
    <p id="element-2-text">This text is hidden but displays when I hover over the "Element 2" link.</p>

    <a href="/3.html">Link to Element 3</a>
    <p id="element-3-text">This text is hidden but displays when I hover over the "Element 3" link.</p>
</div>

Je souhaite que les liens vers les sous-pages 1.html, 2.html et 3.html soient récupérés par Google, mais je ne souhaite pas que leurs balises respectives <p> soient traitées comme le contenu principal de la page.

Quelle serait la meilleure pratique dans ce scénario?

Je me demande si ce serait une bonne idée d'encapsuler les balises <p> dans les balises <aside> au risque que Google le reconnaisse et traite le texte non directement applicable au corps principal de la page.

seogoogle-searchhtml5
1
scgough

Je l'ai mentionné dans des commentaires plus tôt, mais je pense que c'est une solution raisonnable et un meilleur moyen de baliser le contenu ...

Au lieu d'avoir l'élément p (contenant l'info-bulle) codé en dur dans le code HTML suivant l'ancre, incluez simplement ce texte dans l'attribut anchors title. Après tout, cet attribut est conçu à cette fin ... pour fournir à l'utilisateur des informations supplémentaires sur le lien et est naturellement affiché sous la forme d'une simple info-bulle. Le texte est retiré du contenu principal de la page et est peu probable pour influencer les recherches de la page elle-même. Il est intrinsèquement associé à l'ancre, est plus accessible et fonctionne pour les utilisateurs non-JS.

Par exemple:

<a href="/1.html" title="Additional help text for this link">Link to Element 1</a>

Si vous avez besoin d'un style supplémentaire, créez une "info-bulle" (c'est-à-dire créez l'élément p) dans l'événement onmouseover (pas lors du chargement de la page) qui copie le texte de l'attribut title. (amélioration progressive). Puisque vous utilisez probablement l'événement onmouseover (pour montrer l'élément p existant), cela ne devrait pas être une trop grande modification du code.

Juste pour répondre à votre question initiale ... Je ne pense pas qu'un élément aside serait approprié ici (sémantiquement). Il fait toujours partie du contenu de la page et doit donc toujours être récupéré par Google, en ce qui concerne la page en cours, qu'il soit ou non "compris".

0
MrWhite