Technique du sprite css et référencement

Discussion dans 'Débuter en référencement' créé par danzo66, 14 Octobre 2012.

  1. danzo66
    danzo66 Nouveau WRInaute
    Inscrit:
    14 Octobre 2012
    Messages:
    14
    J'aime reçus:
    0
    Salut à tous,

    Je travaille actuellement sur la réalisation d'un menu principal pour mon site.
    J'aimerais que chaque élément du menu soit sous forme d'image cliquable et que la couleur de l'image (en autres) change au survol de la souris. J'ai pris connaissance de la technique du "sprite css" qui me semble facile à appliquer et qui permet de s'affranchir du code Java.
    Mais voila, c'est au niveau du référencement que je me pose des questions. En effet, je vais créer une liste de <li> vides auxquels je vais juste affecter une taille et un background. Le fait de créer un menu vide (au niveau sémantique du moins) me paraît pas être idéal pour un bon référencement :(

    Pensez-vous que je risque d'être lourdement pénalisé? Y a t-il un moyen de contourner ce problème et de conserver un bon référencement (peut-être mettre du texte dans les <li> mais les cacher) ?

    Merci d'avance :)
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 169
    J'aime reçus:
    345
    Tu dois pas faire de <li> vides, mais plutôt avec un lien classique:
    PHP:
    <span class="syntaxdefault"><br /></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">ul</span><span class="syntaxkeyword">><br /><</span><span class="syntaxdefault">li</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">a&nbsp;href</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"http://example.com/lien1.html"</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Lien&nbsp;1</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">a</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">li</span><span class="syntaxkeyword">><br /><</span><span class="syntaxdefault">li</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">a&nbsp;href</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"http://example.com/lien2.html"</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Lien&nbsp;2</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">a</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">li</span><span class="syntaxkeyword">><br /><</span><span class="syntaxdefault">li</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">a&nbsp;href</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"http://example.com/lien3.html"</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Lien&nbsp;3</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">a</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">li</span><span class="syntaxkeyword">><br /></</span><span class="syntaxdefault">ul</span><span class="syntaxkeyword">><br />&nbsp;</span><span class="syntaxdefault"></span>
    Et en CSS, text-indent: -10000px; pr éviter l'affichage du texte (pas de problème pr GG si c'est pas en vue de faire du spam, bcp de menus utilisent la technique text-indent et/ou display: none).
     
  3. danzo66
    danzo66 Nouveau WRInaute
    Inscrit:
    14 Octobre 2012
    Messages:
    14
    J'aime reçus:
    0
    Merci beaucoup spout, je ne connaissais pas cette technique du text-indent :)
     
Chargement...
Similar Threads - Technique sprite css Forum Date
Questions SEO technique (pagination) Netlinking, backlinks, liens et redirections 1 Mai 2022
Pose de liens : Besoin d'aide d'ordre technique et besoin d'éclairage Netlinking, backlinks, liens et redirections 9 Mars 2022
Gestion NDD avec délégation des aspects techniques Administration d'un site Web 7 Janvier 2022
Fetch quelles techniques de cache ? Développement d'un site Web ou d'une appli mobile 1 Août 2021
Rupture (technique) de tracking de canal de conversion Google Analytics 20 Août 2020
Fil d'ariane complet uniquement si on navigue : technique utile ? Référencement Google 15 Juillet 2020
RM Tech : Optimisation technique des Pages Débuter en référencement 29 Mai 2018
Cherche outils pour fiches techniques Développement d'un site Web ou d'une appli mobile 11 Avril 2018
Comment savoir une technique SEO d'un concurrent Référencement Google 2 Mars 2018
Optimisations techniques, temps de chargement - GOLIAT.FR Problèmes de référencement spécifiques à vos sites 22 Février 2018
Technique magique Broken ou Dead link Débuter en référencement 21 Janvier 2018
L'échange de liens : technique encore efficace pour gagner du trafic ? Référencement Google 1 Novembre 2017
Votre technique pour trouver des mots-clés non concurrentiels? Débuter en référencement 5 Septembre 2017
site de formation technique en ruby on rail orientée business Demandes d'avis et de conseils sur vos sites 3 Août 2017
Je fais du spectacle, est ce que vos techniques sont vraiment utiles pour mon activité Débuter en référencement 23 Juillet 2017
Meilleure technique pour luter contre les Titres dupliqués sur un site e-commerce ? Référencement Google 23 Juin 2017
Besoin de conseil sur la rédaction d'article technique de codage en php Développement d'un site Web ou d'une appli mobile 21 Juin 2017
11 techniques avancées pour réutiliser un vieux contenu Référencement Google 12 Janvier 2017
Bonne technique de réferencement ? Débuter en référencement 18 Novembre 2016
Quel outil pour tester partie technique site web Débuter en référencement 17 Octobre 2016