Menu en image avec un texte en display none

Discussion dans 'Débuter en référencement' créé par jkail, 9 Août 2010.

  1. jkail
    jkail Nouveau WRInaute
    Inscrit:
    1 Juin 2010
    Messages:
    2
    J'aime reçus:
    0
    Bonjour à tous,

    Je viens auprès de vous avec une question qui me dérange, pour un projet.

    Je dois faire un menu d'un site comprenant des images avec un hover.
    Voici mon problème : les images sont appelées en CSS, donc pas de alt. Du coup une question me vient :

    Pour les personnes naviguant sans css ou sous lynx et pour les moteurs de recherches, je pensais mettre un <span> en "display:none;" dans mon <li> contenant le texte qui apparait sur les images.
    Néanmoins j'ai entendu dire que google etait assez frileux sur les display:none (ou visibility:hidden;) Ainsi voici ma question:

    Quel est la meilleure solution pour le référencement entre mettre le display:none ou ne rien mettre du tout ?

    Merci par avance et en espérant avoir été clair^^
     
  2. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 961
    J'aime reçus:
    1
    Bonjour

    Méthode des sprites CSS : plutôt qu'un "hide", préfères un décalage du texte (text-indent) ; perso je préfère.

    L'avantage de cette méthode c'est l'accessibilité et l'intérêt en termes de performances, car tu peux n'utiliser qu'une unique image pour tous tes menus, et donc cela n'engendrera qu'une requête HTTP (accessoirement y'a évidemment un intérêt en SEO...) : si un déficient visuel parcourt ton site, il pourra "lire" ce sur quoi pointent les liens de ton menu.

    Aucun problème, technique très largement utilisée. En tout cas par moi ;) (tu peux regarder le code du menu de mon "www")
     
  3. jkail
    jkail Nouveau WRInaute
    Inscrit:
    1 Juin 2010
    Messages:
    2
    J'aime reçus:
    0
    Bonjour,

    Merci pour ta rapidité et de ce conseil.

    Je vais essayé de ce pas.

    Et en effet j'utilise des sprites donc si je met un text-indent:-9999px comme toi, ca devrait le faire ?

    Merci encore à toi, pour ton aide
     
Chargement...
Similar Threads - Menu image display Forum Date
Menu déroulant sur image css Développement d'un site Web ou d'une appli mobile 5 Janvier 2012
Menu dynamique avec images et sous-rubriques Développement d'un site Web ou d'une appli mobile 10 Mai 2010
Création d'une Bannière "menu" (pas d'image ni texte) Développement d'un site Web ou d'une appli mobile 4 Mai 2010
Menu déroulan en dessous d'une image Développement d'un site Web ou d'une appli mobile 27 Février 2010
Barre de menu / lien avec changement de l'image pour la selection. Développement d'un site Web ou d'une appli mobile 26 Octobre 2009
Astuce Bootstrap/menu déroulant Demandes d'avis et de conseils sur vos sites Mardi à 14:28
WordPress Menu et catégories multiples (AND et pas OR) Développement d'un site Web ou d'une appli mobile 21 Février 2020
Comment faire une structure en silo avec un menu de navigation ? Référencement Google 4 Février 2020
WordPress Cocon sémantique et CMS : liens menu et footer Référencement Google 18 Novembre 2019
Le menu n'apparait pas dans l'interface Google Ads AdWords 17 Novembre 2019
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice