Images comme hyperliens et implications pour le référencement
Je gère plusieurs sites Web, dont l'un est un site de commerce électronique avec beaucoup d'images. Au sommet de certaines pages de catégories de produits, il y a des liens d’image vers des produits spécifiques (pensez aux bannières d’image).
Je suis curieux de voir comment les autres utilisateurs traitent les images comme des liens et quelles considérations SEO tenez-vous lorsque vous le faites? Plus précisément, il existe deux manières de coder un lien d’image:
# 1 L'image peut être le fond de la balise d'ancrage réelle, comme ceci:
<a href="thelinkaddress.com" title="Visit My Link" style="background-image:url('link-image.png');background-size:100%;display:block;">My Image Link</a># 2 L'image peut être contenue dans la balise d'ancrage comme un autre élément HTML:
<a href="thelinkaddress.com" title="Visit My Link"><img src="link-image.png" alt="My Link Image"/></a>
D'après ce que je comprends, la méthode n ° 1 n'indexera pas l'image avec un robot de recherche car elle est considérée comme un style, mais je soupçonne que le contenu de texte est plus important pour un robot de recherche qu'une image avec alt text.
Quelqu'un a-t-il un aperçu de la manière dont l'un ou l'autre impact sur le référencement d'un site Web?
Dès le début, Google utilisait principalement trois perspectives lors de l'utilisation de la sémantique et du classement: premièrement, lier le texte et la valeur à la page cible; deuxièmement, la balise de titre de la page cible; et troisièmement, le contenu lui-même. L'un des résultats de recherche intéressants découverts par le projet est qu'une recherche par rapport à la balise de titre était environ 2% plus efficace qu'une recherche par rapport au contenu lui-même. La notion de résultats combinés a été mise en œuvre lorsque deux recherches ont été effectuées à l'aide de la requête de recherche sur la balise de titre et le contenu séparément, avec les scores de classement appliqués et les résultats des deux requêtes fusionnés en un seul résultat. C’est une tactique fondamentale que je suis sûr de continuer à appliquer. C'est l'une des raisons pour lesquelles la balise de titre est si importante.
Pourquoi je t'ai dit ça?
Le troisième signal sémantique le plus précieux est le texte du lien. En fait, le même processus pour le texte du lien, tout comme les balises de titre, pourrait être appliqué avec des résultats très précis, en mettant de côté les liens de faible qualité tels que en savoir plus. Cela signifie que la balise de titre et le texte du lien (ciblant la page) revêtent une importance considérable.
L'image alt text profite principalement à l'image pour laquelle elle est conçue. De nombreux référenceurs insistent sur les effets sémantiques de tout texte image, ce qui donne l’impression qu’il a un poids plus important là où ce n’est tout simplement pas vrai. Tout avantage sémantique qu'un alt image donne est nettement inférieur au contenu. Rappelez-vous que les trois signaux sémantiques les plus significatifs sont la balise de titre, le texte du lien et le contenu lui-même. Le texte alternatif, bien qu’un indice et qu’il puisse aider à élargir le profil sémantique de n’importe quelle page, est nettement moins important que d’autres signaux, tels que les balises d’en-tête qui pèsent de manière significative conformément à la théorie du bloc de contenu qui existe également depuis le début.
En mettant de côté l’importance du texte alternatif, le texte du lien est un signal beaucoup plus puissant pour la page cible.
Aujourd'hui, une tonne de signaux sémantiques est utilisée et chacun a sa valeur pour évaluer le sujet d'une page. Néanmoins, les deux signaux les plus importants sont la balise title et le texte du lien vers la page cible.
Sur cette base, votre premier exemple ...
<a href="thelinkaddress.com" style="background-image:url('link-image.png');background-size:100%;display:block;">My Image Link</a>
... envoie un signal beaucoup plus fort pour la recherche en supposant que le texte du lien correspond correctement au sujet de la page et reflète les éléments de mot clé les plus importants de la page cible et qu'il n'est ni trop optimisé ni trop optimiste. Toute balise de titre devrait faire la même chose.
Exécuter un test A/B, c’est le seul moyen de savoir réellement - indépendamment de ce qui a fonctionné pour les autres ou de ce qui a fonctionné dans le passé - rien ne vaut les tests.
Si vous ne voulez pas tester et que vous voulez juste une réponse, vous êtes peut-être dans le mauvais domaine de travail, mais laissez-moi partager avec vous mes opinions totalement non vérifiées:
Considérations
Panda punissait les sites contenant trop d'annonces "au-dessus du pli", tant que ces images sont sur le même domaine, elles ne seront probablement pas considérées comme des annonces.
Les images réelles <img /> sont considérées comme du contenu (sauf si elles sont assez petites) et doivent donc avoir un texte alternatif. Elles ont également une priorité supérieure pour le chargement et le rendu des images d'arrière-plan CSS. Il est plus facile de redimensionner les images HTML mais de contrôler le recadrage/le positionnement des images d'arrière-plan.
Plain Ol 'HTML sémantique
Si ces images sont répétées fréquemment et pratiquement identiques sur tout le site, elles sont probablement mieux adaptées aux images d'arrière-plan car elles ne sont pas vraiment contenues, elles constituent en réalité une navigation.
Si ces images sont plus ciblées - des offres très pertinentes par rapport aux lieux où elles se trouvent - elles font alors partie du "contenu" de ces pages et doivent être <img /> images avec alt texte (pour l'accessibilité et facilité d'utilisation).
Attribut de titre?
Je pense que @closetnoc fait référence à des attributs de titre (qui sont valides pour tout élément HTML et s’affichent généralement sous la forme d’avertissements en survol), mais il est plausible qu’il désigne l’élément <title> de la page vers laquelle pointe le lien.
Je vais supposer qu'il parle de l'attribut title et que le jury se demande quelle importance, le cas échéant, donne à Google l'attribut title (google it).
Google encourage l'utilisation de l'attribut title sur les images , mais rien sur son utilisation sur les liens (si vous utilisez la méthode de l'image de fond CSS).
Et de nombreuses affirmations affirment que l'attribut title est inefficace pour influencer le classement et l'indexation, voir ici et ici .
Je ne sais pas si je pense qu'il a une valeur de référencement (pourrait avoir une valeur pour les utilisateurs) ou pas, c'est pourquoi je vous encourage à tester et à voir.
Détection de modèle
Google détecte et actualise efficacement les modèles: pensez à "dupliquer le contenu".
Plus vous avez de contenu "unique", mieux c'est, donc je soupçonne qu'un mélange des deux techniques, avec autant de variations que possible dans les images, le texte alternatif et le texte d'ancrage, sera le plus efficace.
Test A/B à la rescousse!
Pourquoi deviner quand vous pouvez tester?