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 958
    J'aime reçus:
    0
    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
Menu horizontal avec sous menu et image en CSS Développement d'un site Web ou d'une appli mobile 18 Novembre 2008
Conserver ou non le nofollow sur menu Netlinking, backlinks, liens et redirections 9 Octobre 2019
Menu navigation, les tendances? Développement d'un site Web ou d'une appli mobile 20 Septembre 2019
Ne pas rendre crawlable le menu ? Référencement Google 15 Septembre 2019
Mauvais affichage menu en https (https imposé par google) Développement d'un site Web ou d'une appli mobile 15 Juin 2019
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice