Images et texte pour lien SEO-friendly

Nouveau WRInaute
Bonjour à tous

Je suis nouveau sur le forum et je ne sais pas a priori si mon message se trouve dans la bonne catégorie (mes excuses aux modérateurs si c'est le cas ! :roll: ).

Sur les différentes pages de mon site, j'utilise à la fois du texte et des images pour la navigation interne, à la manière d'une figure et sa légende. Cependant, pour des raisons techniques, je n'utilise pas les balises <figure> et <figcaption>.

Là où ça se complique, c'est que je dispose de deux images :
  • 1 image qui illustre le contenu qui lui est associé (280*140px)
  • 1 image en forme de flèche indiquant "Learn more" (120*33px), que je superpose à la première
En gros :
Code:
<div>
   <div style="position: relative;">
      <img src="image_principale" title="..." alt="..." style="position: absolute; z-index: 1;"/>
      <img src="fleche_learn_more" title="..." alt="..." style="position: absolute; z-index: 2;"/>
   </div>
   <p>légende de l'image</p>
</div>
(je vous épargne tous les styles purement graphiques)

Pour le moment, dans le cadre du SEO, mon lien n'est placé que sur la "légende" de l'image (balise <p>).

Mais pour des raisons esthétiques, je cherche à faire en sorte que l'image soit cliquable elle aussi. J'ai testé pour cela différentes techniques mais elles ne me conviennent pas d'après les recommandations SEO que j'ai vues sur le net :
  • Mettre deux liens : un sur l'image principale et l'autre sur le texte, mais je ne suis pas sûr que placer deux liens vers la même cible côte à côte soit une bonne pratique, et de toute façon le lien sur l'image est "masqué" quand on survole la flèche, ce qui est justement déroutant
  • Placer le lien autour du premier DIV pour rendre tout cliquable, mais mettre un DIV dans un lien semble déconseillé
  • Mettre l'image principale en background-image du deuxième DIV et placer le lien autour de la flèche seulement, mais cela pose un dilemme entre mettre alt="Learn more" (pour décrire l'image telle quelle) et alt="mots_clés_qui_décrivent_la_cible" (en tant que anchor text pour les robots de Google)

Est-ce que l'un de vous saurait me dire si l'une des techniques utilisées ci-dessus est en fait bonne ? Ou bien me faire part d'une solution à laquelle je n'aurais pas pensé ? :?:

Merci beaucoup !
 
Nouveau WRInaute
HawkEye a dit:
As-tu essayé de faire un lien en javascript sur l'image ? ;)
Tu veux dire : avec l'attribut "onclick" ?
Autrement dit laisser la balise A sur le texte et mettre un onclick sur les deux images ?

J'y avais pensé aussi mais il me semble que Google est capable d'identifier ce genre de lien. Et au final ça reviendrait à mettre quand même deux liens vers la même cible au même endroit :? , non ?

Merci pour ta réponse ;)
 
Discussions similaires
Haut