Images et texte pour lien SEO-friendly

Discussion dans 'Débuter en référencement' créé par Poussin-, 30 Octobre 2014.

  1. Poussin-
    Poussin- Nouveau WRInaute
    Inscrit:
    30 Octobre 2014
    Messages:
    3
    J'aime reçus:
    0
    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 !
     
  2. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    4
    As-tu essayé de faire un lien en javascript sur l'image ? ;)
     
  3. Poussin-
    Poussin- Nouveau WRInaute
    Inscrit:
    30 Octobre 2014
    Messages:
    3
    J'aime reçus:
    0
    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 ;)
     
  4. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    4
    Il l'identifie, mais ce n'est pas pour autant qu'il fait perdre la priorité au <a> ;)
     
  5. Poussin-
    Poussin- Nouveau WRInaute
    Inscrit:
    30 Octobre 2014
    Messages:
    3
    J'aime reçus:
    0
    OK, je prends note ! :wink:

    Merci !
     
Chargement...
Similar Threads - Images lien SEO Forum Date
Twitter : les liens et les images ne comptent plus dans les 140 caractères Twitter 17 Mai 2016
liens images mieux que liens texte optimisé dans contenu Débuter en référencement 30 Septembre 2014
Google+ s'approprie les images liées aux liens dans les résultats images Google+ 23 Janvier 2014
La balise STRONG et son effet pour les images et les liens Débuter en référencement 1 Mars 2013
Arborescence virtuelle, comment conserver les liens images, css, etc URL Rewriting et .htaccess 27 Novembre 2012
Liens externes images Wordpress Débuter en référencement 4 Juillet 2011
Liens images Débuter en référencement 25 Janvier 2011
Empecher les liens directs sur images Développement d'un site Web ou d'une appli mobile 6 Janvier 2011
Problème liens sur défilement d'images Développement d'un site Web ou d'une appli mobile 18 Mai 2010
Texte images et liens et display none Problèmes de référencement spécifiques à vos sites 25 Avril 2010
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice