Remplacer du javascript par du html

WRInaute occasionnel
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.
 
WRInaute accro
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.
 
WRInaute occasionnel
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...
 
WRInaute occasionnel
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 ?
 
WRInaute accro
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.
 
WRInaute accro
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).
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.
 
WRInaute occasionnel
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
 
WRInaute accro
Tu désactives le JS, tu désactives les feuilles de style (Webdeveloper toolbar), puis tu regardes ce que ça donne.
 
WRInaute accro
spout a dit:
Tu désactives le JS, tu désactives les feuilles de style
Non ça donnera rien car son display none est inline donc je pense (pas vérifié) que ça restera invisible.
Y-a t-il un moyen d'être sur que GG prennent bien en compte ces liens
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.
 
WRInaute occasionnel
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 !
 
WRInaute accro
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
 
WRInaute accro
zeb a dit:
Non ça donnera rien car son display none est inline donc je pense (pas vérifié) que ça restera invisible.
J'ai pourtant dans la barre webdeveloper (Chrome):
- Disable all styles
- Disable embedded styles
- Disable inline styles
 
WRInaute accro
spout a dit:
J'ai pourtant dans la barre webdeveloper (Chrome)
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.
 
Discussions similaires
Haut