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

Remplacer du javascript par du html

Discussion dans 'Problèmes de référencement spécifiques à vos sites' créé par Romdev, 14 Novembre 2012.

  1. Romdev
    Romdev WRInaute occasionnel
    Inscrit:
    26 Novembre 2008
    Messages:
    365
    J'aime reçus:
    0
    Bonjour à tous,

    comme vous le verrez sur cette page, sur la carte au centre il y a des logos peugeot et citroën sur lesquels on peut cliquer pour faire apparaître de petits encarts.

    L'apparition des encarts est gérée en javascript... Du coup Google ne détecte pas leur contenu (j'en ai la confirmation en affichant la version cache de la page, en version texte).

    Or les liens présents dans ces encarts sont important. Y'aurait il moyen de les faire apparaître de la même manière mais en html plutôt qu'en javascript ? Pour que Google détecte leur contenu ?

    Merci par avance.

    Rom.
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
    Pour que GG suive les liens, tu mets un href aux <area> autre que "#", l'URL vers la fiche.
    Concernant le contenu des popups, à part en mettant ce contenu dans le HTML, je ne vois pas.
     
  3. Romdev
    Romdev WRInaute occasionnel
    Inscrit:
    26 Novembre 2008
    Messages:
    365
    J'aime reçus:
    0
    Ok merci bien pour l'astuce du href dans <area> :)
    Pour le reste, il faudrait donc déclarer ce contenu dans le body de la page, mais le cacher du coup ?
    Car ce contenu est déjà dans du html, mais du html qui apparaît avec du js...
     
  4. Romdev
    Romdev WRInaute occasionnel
    Inscrit:
    26 Novembre 2008
    Messages:
    365
    J'aime reçus:
    0
    EDIT : L'astuce de renseigner le href dans les <area> ne marche pas car, si je fais comme tu as dit, lorsque je clique sur un logo pour ouvrir un encart, en fait ça m'envoie vers l'url que j'ai mis dans le href avant même que l'encart n'ai eu le temps de s'ouvrir. Or ce n'est pas le but.

    Il y a pas quelque chose en HTML qui permet d'afficher du contenu comme on le fait en js ?
     
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
    Débutant :mrgreen: ?
    Il faut mettre un return false sur le onclick (dans ton cas c'est plus simple de le mettre dans les fonctions affDivCitroen()).

    Il y a certains tooltips qui se mettent dans un <div> après le lien, mais pour une imagemap je n'en connais pas.
     
  6. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    Faut que tu regarde un peut mieux alors car moi j'ai tous les encarts. Le fait qu'ils soit en display none n’empêche pas du tout GG de les voir en revanche toi même sur la version texte du cache tu ne les verra pas (normal le navigateur est le même pour tous cache google ou pas).
    Le seul truc plus ou moins lié a javascript qui empêche un moteur de voir le contenu c'est de le produire en ajax ce qui sauf erreur n'est pas ton cas.

    Bref change rien et te creuse pas la tête.
     
  7. Romdev
    Romdev WRInaute occasionnel
    Inscrit:
    26 Novembre 2008
    Messages:
    365
    J'aime reçus:
    0
    Ok Zeb merci pour l'éclaircissement,

    Du coup si GG détecte les liens qui se trouvent dans ces encarts, je peux supprimer tous (ou presque) les liens qui se trouvent dans le footer, que j'ai déclaré en pensant que ceux de la minimap n'étaient pas détectés... ?

    Y-a t-il un moyen d'être sur que GG prennent bien en compte ces liens si on ne peut pas le faire via la version cache en texte seul ?

    Merci encore
     
  8. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
    Tu désactives le JS, tu désactives les feuilles de style (Webdeveloper toolbar), puis tu regardes ce que ça donne.
     
  9. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    Non ça donnera rien car son display none est inline donc je pense (pas vérifié) que ça restera invisible.
    Tu va sur la page tu fait Ctru + U et tu regarde ce que tu voie dans le code source, ça GG le voie.
    Ensuite si ces pages sont indexées tu n'a pas de questions a te poser voir commande "site:"
    Si, en plus, comme beaucoup, tu as un site-map alors c'est encore moins besoin de se poser des questions.
    Pour finir perso je voie des encarts type pop up maintenant de mémoire je me souviens plus si il y a des liens dedans ou pas a toi de voir où tu les as mis.

    Concernant les liens footer perso je n'aime pas du tout cette technique que je trouve spammy et hasardeuse, mais bon là chacun voit midi à sa porte.
     
  10. Romdev
    Romdev WRInaute occasionnel
    Inscrit:
    26 Novembre 2008
    Messages:
    365
    J'aime reçus:
    0
    Justement, j'avais spammé le footer car je pensais que c'était les seuls liens que GG voyait sur cette page.

    S'il détecte bien les liens présents dans les encart, je vais grandement alléger le footer :)

    Merci !
     
  11. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    PHP:
    <span class="syntaxdefault"></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"div_citroen_select"</span><span class="syntaxdefault"> id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"div_citroen_4"</span><span class="syntaxdefault"> style</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"display:none;"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div style</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"float:right; width:293px; text-align:right; padding-top:20px; padding-right:3px;"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">     </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">a href</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"#"</span><span class="syntaxdefault"> onclick</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"cacheDiv('div_citroen_4');"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">      </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">img src</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"images/intro/croix_fermer.png"</span><span class="syntaxdefault"> width</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"17"</span><span class="syntaxdefault"> height</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"15"</span><span class="syntaxdefault"> border</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"0"</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">     </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">a</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div style</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"clear:both"</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div style</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"width:110px; float:left; margin-top:6px; margin-left:10px;"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">     </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">img src</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"images/intro/div_concession_peugeot_ombre_photo_haut.png"</span><span class="syntaxdefault"> width</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"110"</span><span class="syntaxdefault"> height</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"11"</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">     </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">a href</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"http://www.jmj-citroen.com/concession-pontarlier-les-grands-planchants-citroen-haut-doubs,4.html"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">      </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">img src</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"images/intro/concessions/4.jpg"</span><span class="syntaxdefault"> width</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"110"</span><span class="syntaxdefault"> height</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"96"</span><span class="syntaxdefault"> border</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"0"</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">     </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">a</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">     </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">img src</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"images/intro/div_concession_peugeot_ombre_photo_bas.png"</span><span class="syntaxdefault"> width</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"110"</span><span class="syntaxdefault"> height</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"11"</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div style</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"padding-bottom:0px; padding-left:10px; padding-top:12px; float:left; width:156px;"</span><span class="syntaxkeyword">></span><span class="syntaxdefault"> </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">strong</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">span class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"texte_rouge_11"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">      Pontarlier      </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">span</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">strong</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">      </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">span class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"texte_rouge_10"</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Les Grands Planchants Citroën Haut Doubs</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">span</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">      17 et 21 Rue Pierre Dechanet</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">      25300      Pontarlier</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">      </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">strong</span><span class="syntaxkeyword">></span><span class="syntaxdefault">T</span><span class="syntaxkeyword">&</span><span class="syntaxdefault">eacute</span><span class="syntaxkeyword">;</span><span class="syntaxdefault">l</span><span class="syntaxkeyword">.</span><span class="syntaxdefault"> 03 81 39 89 39</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">strong</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">      Fax 03 81 39 89 38</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">></span><span class="syntaxdefault"> </span>
    Ton code est un peut "crado brouillon" (-2 pts en exam avec moi :D ) mais j'y voie ton lien -http://www.jmj-citroen.com/concession-pontarlier-les-grands-planchants-citroen-haut-doubs,4.html
     
  12. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
    J'ai pourtant dans la barre webdeveloper (Chrome):
    - Disable all styles
    - Disable embedded styles
    - Disable inline styles
     
  13. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    J'ai pas chrome (mandriva) donc je connais pas :wink: et je viens de vérifier sur FF tu as raison ça semble afficher les encart si on vire le style.
    En revanche hier dans le cache google (page texte) en mode "normal" j'avais rien.
     
  14. Romdev
    Romdev WRInaute occasionnel
    Inscrit:
    26 Novembre 2008
    Messages:
    365
    J'aime reçus:
    0
    Ok tout roule donc, mise à part la propreté du code loin d'être optimale :)
     
Chargement...
Similar Threads - Remplacer javascript Forum Date
Htacces : comment remplacer _ par : URL Rewriting et .htaccess 18 Juin 2019
remplacer version desktop par version mobile first Problèmes de référencement spécifiques à vos sites 19 Mai 2019
WordPress Par quoi remplacer MailPoet ? Débuter en référencement 1 Février 2019
Dans un script, Remplacer le mode « hasard » par le mode « suivant » Développement d'un site Web ou d'une appli mobile 3 Novembre 2018
Un logiciel pour remplacer Google Analytics ? Google Analytics 20 Juin 2018
Remplacer des redirections 302 en 301 Développement d'un site Web ou d'une appli mobile 23 Mai 2018
Remplacer une url par une autre URL Rewriting et .htaccess 29 Octobre 2016
Dans un formulaire, remplacer l’apostrophe dactylographique par l’apostrophe typographique Développement d'un site Web ou d'une appli mobile 18 Février 2016
Remplacer les underscores par des tirets URL Rewriting et .htaccess 1 Septembre 2015
Peut-on remplacer un lien dans la SERP ? Problèmes de référencement spécifiques à vos sites 27 Juin 2015