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 190
    J'aime reçus:
    333
    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
Fetch quelles techniques de cache ? Développement d'un site Web ou d'une appli mobile 1 Août 2021
Recherche Rédacteur Web Technique AUTO Rédaction web et référencement 9 Avril 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