[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à :

Code: Tout sélectionner

<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]

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!]

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]

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!]

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]

A cause de ceci qui est un lien JS:

Code: Tout sélectionner

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

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

Code: Tout sélectionner

<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!]

Merci à vous.