[résolu] Indexation des images et javascript

[maxime!]

Bonjour,

Je souhaite optimiser l'indexation des images sur l'un de mes sites par Google Image.
Sur les pages html, j'utilise une "lightbox" maison, qui est en fait une sorte de fausse popup javascript, avec un code html de ce type là :

<a href="javascript:image();"><img src="ma-minitaure.jpg" border="0" alt="Texte" title=" Titre" width="100" height="70" hspace="5" vspace="5"><br>Cliquer pour agrandir</a>

Google Image ne connait pas avec ce code mes images agrandies, alors que je souhaiterai que cela soit le cas.
Quelle est la meilleure pratique pour cela ? <noscript> ? un syntaxe spécifique pour la balise <a> ?

Merci de vos conseils.

 

[cedric_g]

Re: Indexation des images et javascript

Bonjour

Google ne sait pas lire le Javascript, il ne peut donc pas trouver l'image. Le mieux serait de modifier ton script de manière à ce que, à la manière de la "vraie" Lightbox, l'attribut href comprenne l'URL réelle de l'image.

Après, c'est via le javascript, sur l'ouverture du lien, que tu dois créer ton effet.

Là en l'occurrence, ce n'est pas possible.

 

[maxime!]

Re: Indexation des images et javascript

La seule solution est donc de modifier le javascript lui-même ?
A vrai dire j'imaginais pouvoir trouver une solution sur la balise <a> sans modifier le javascript.

Merci.

 

[spout]

Re: Indexation des images et javascript

Quelle est la meilleure pratique pour cela ? <noscript> ? un syntaxe spécifique pour la balise <a> ?

La meilleure technique est d'utiliser un lightbox qui fonctionne aussi sans le JS (= un vrai <a href> vers l'URL de l'image), le JS n'étant là que pour "améliorer" l'expérience utilisateur.

Tu as l'embarras du choix: http://planetozh.com/projects/lightbox-clones/

 

[maxime!]

Re: Indexation des images et javascript

Bien c'est clair. Juste pour éclairer ma lanterne, pourquoi une solution comme celle-ci ne conviendrait pas ?

<a href="javascript:image();"><img src="ma-minitaure.jpg" border="0" alt="Texte" title=" Titre" width="100" height="70" hspace="5" vspace="5"><br>Cliquer pour agrandir</a>
<noscript><a href="url agrandie"><img src="ma-minitaure.jpg" border="0" alt="Texte" title=" Titre" width="100" height="70" hspace="5" vspace="5"><br>Cliquer pour agrandir</a></noscript>

Est ce parce que c'est moins propre ou parce que cela ne permet pas à Google de bien indexer l'image ?
Merci.

 

[spout]

Re: Indexation des images et javascript

A cause de ceci qui est un lien JS:

<a href="javascript:image();">

C'est préférable un lien en dur:

<a href="http://example.com/image.jpg" onclick="image();return false;">

Ou avec un listener comme font la plupart des scripts lightbox.

Je dirais que c'est pas top la soluce avec noscript.

 

[maxime!]

Re: Indexation des images et javascript

Merci à vous.