web-dev-qa-db-fra.com

Effets de référencement des vignettes et des titres avec un tag <a> commun

J'ai essayé recherche et lu les questions qui ont peut-être déjà votre liste de réponses , mais je n'ai pas trouvé de réponse.

Il s’agit d’une page de catégorie qui répertorie les produits qui y figurent. Cliquez sur l’une de ces catégories et accédez à la page du produit réel (vous ne savez pas s’il existe un terme commun pour ce type de page). Il y a quelque temps, j'ai travaillé avec une personne qui affirmait qu'il était préférable d'insérer, dans la mesure du possible, les vignettes et les noms d'éléments avec une balise ancre commune commune <a>.

Voici un exemple:

<a href="/product1">
    <img src="/product1.jpg" alt="Product One">
    <h4>Product One</h4>
</a>

vs le traditionnel

<a href="/product1">
    <img src="/product1.jpg" alt="Product One">
</a>
<h4>
    <a href="/product1">Product One</a>
</h4>

Supposons que nous puissions les appeler de la même manière et qu'il n'y a pas de différence de ce point de vue, qu'est-ce qui serait mieux pour le référencement?

2
aexl

Lorsqu'il n'y a pas de texte d'ancrage, la plupart des robots explorent par défaut les balises alt de l'image pour obtenir une description.

Si vous n'utilisez pas de balises alt, j'imagine que la plupart des robots d'exploration n'utilisent que le texte d'ancrage.

1
L Martin

je dirais, utilisez la deuxième variante. La première variante envoie des signaux mélangés de a title, img alt et h4. La variante la plus claire serait:

<section id="p1" class="div p">

<h4 class="h4 p">Product One</h4>

<img class="img p" src="/product1.jpg" alt="Product One">

<a class="a p" href="/product1" title="Product One">Product One</a>

</section>

Dans cette variante, vous envoyez des signaux purs à partir de trois entités: en-tête, image et lien.

0
Evgeniy