1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

Référencement Javascript

Discussion dans 'Référencement Google' créé par gonzague111, 1 Février 2012.

  1. gonzague111
    gonzague111 Nouveau WRInaute
    Inscrit:
    14 Octobre 2010
    Messages:
    22
    J'aime reçus:
    0
    Bonjour,
    Le menu d'un site sur lequel je travail comporte un bandeau de 4 images qui défilent en javascript avec Jquery.
    J'ai pensé à deux solutions afin d'afficher un bandeau composé d'une seule image aux internautes n'ayant pas javascript (ou aux moteurs ne le lisant pas). Pourriez-vous m'indiquer la solution la plus intéressante dans une optique de référencement par google?

    Solution 1
    Le code html du bandeau est le suivant :
    Code:
    <div id="bandeau_menu">
    <ul class="diaporama1" style="margin:0px; padding:0px;">
    	<li><img src="/commun/image/diaporama/image_1.jpg" alt=""/></li>
    	<li><img src="/commun/image/diaporama/image_2.jpg" alt=""/></li>
    	<li><img src="/commun/image/diaporama/image_3.jpg" alt=""/></li>
    </ul>
    </div>
    
    Dans le fichier CSS j'applique ensuite à bandeau_menu un overflow hidden ainsi qu'une hauteur correspondant à la hauteur de mes images.
    Comme cela les deux autres images n'apparaissent pas même si elles sont bien présentes dans le code html.

    Solution 2

    Code:
    <div id="bandeau_menu">
    <SCRIPT LANGUAGE="Javascript">
    <!--
    document.write("<ul class=\"diaporama1\" style=\"margin:0px; padding:0px;\"><li><img src=\"/commun/image/diaporama/image_1.jpg\" alt=\"\"/></li><li><img src=\"/commun/image/diaporama/image_2.jpg\" alt=\"\"/></li><li><img src=\"/commun/image/diaporama/image_3.jpg\" alt=\"\"/></li></ul>");
    //-->
    </SCRIPT>
    
    <noscript>
    <ul class="diaporama1" style="margin:0px; padding:0px;">
    	<li><img src="/commun/image/diaporama/image_1.jpg" alt=""/></li>
    </ul>
    </noscript>
    </div>
    
    Ici les images 2 et 3 ne sont pas présentes si le navigateur (ou le robot) ne lit pas le javascript

    Merci de votre aide
     
  2. ChristopheW
    ChristopheW Nouveau WRInaute
    Inscrit:
    10 Février 2012
    Messages:
    18
    J'aime reçus:
    0
    Bonjour,

    Personnellement, j'opterai pour ta première solution.

    En revanche, j'utiliserai plutôt display: none sur tous les li et un display: block sur l'image à afficher plutôt que overflow... avec une rotation via jQuery
     
Chargement...
Similar Threads - Référencement Javascript Forum Date
Référencement d'un site full javascript (angular js) Référencement Google 10 Septembre 2019
Javascript et Référencement Référencement Google 28 Juillet 2015
Javascript et référencement ? Débuter en référencement 10 Septembre 2013
Détecter le Javascript peut-il nuire au référencement ? Problèmes de référencement spécifiques à vos sites 10 Janvier 2013
Menu / liens en javascript et référencement Débuter en référencement 13 Décembre 2011
Référencement catégories menu Javascript Débuter en référencement 18 Juin 2011
Redirection javascript, langue navigateur et référencement Débuter en référencement 15 Février 2011
Code javascript VS référencement ? Débuter en référencement 5 Janvier 2011
Référencement d'une page qui contient une redirection javascript Débuter en référencement 1 Décembre 2010
Référencement du Javascript : fonction document.title Débuter en référencement 10 Mars 2010