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 :
(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 :
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 !
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
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>
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 !