Référencer des photos utilisant des images transparentes

[guillaumeg]

Bonjour,

je me pose actuellement une question à propos du référencement de mes photos. Mon site est une série de galeries photos construites par mes soins. Pour créer un univers graphique, j'utilise une grande image de fond à laquelle j'intègre les miniatures des photos. Pour rendre ces photos cliquable (et afficher la version grand format), je mets à l'emplacement de chaque miniature une image transparente positionnée en css.

Voici un exemple :
Code HTML :

Code: Tout sélectionner

<a href="photos/nom-de-la-galerie/2002-titre-de-la-photo.jpg" rel="lightbox[nom-de-la-galerie]" title="2002 - Description de la photo. © Moi"><img id="photo01_trsp" src="images/rien.gif" title="" alt="" /></a>


Code CSS correspondant :

Code: Tout sélectionner

#photo01_trsp {
   position: absolute;
   top: 220px;
   left: 16px;
   width: 75px;
   height: 120px;
}


J'ai bloqué l'accès au dossier /images/ dans lequel se trouve l'image transparente au moyen du robots.txt
Mes galeries étant essentiellement graphiques, le texte principal se trouve sur la première page.
Je sais que la base est de renseigner la balise "alt", mais, la seule balise "alt" image est celle de l'image transparente que je réutilise pour chaque photo et dont j'ai bloqué l'indexation. En outre, je me pose la question de placer le titre (ou la description) des images en H2 au-dessus de chaque photo et placées en arrière-plan de l'image de fond afin qu'elles soient invisibles au visiteur.

Y-a-t-il d'autres mesures à appliquer à ce type de page assez pauvre en code et un peu alambiqué ?

Je vous remercie par avance.

[UsagiYojimbo]

On peut avoir une url, parce que je n'arrive pas à comprendre comment est conçu ta galerie photo.

Tes vignettes ne sont pas physiquement présentes dans le code source de la page, et directement fusionnées avec ton fond ?

[guillaumeg]

Bonjour,

par exemple, ma galerie sur le Festival de Cannes (non terminée, il n'y a que la première salle) ou 86150 Queaux (mon mémoire photo, galerie terminée mais à optimiser : panneau de navigation, boutons, etc.). Les galeries sont en php et j'utilise l'url rewriting pour le nom des pages. Le nom des photos est en dur.

Comme tu peux le voir, l'intégration des miniatures au fond est un passage obligé pour la création de l'univers graphique. Du coup, ça complique beaucoup les choses.

[Photoshop user]

tu pourrais tres bien sortir les miniatures de l'image de fond, les utiliser a la place de tes rien.gif positionné en css

ca presque pareil a faire, non?

Faut absolument trouver un moyen rendre lisible pour googlebot les textes des title des liens...

[V1tr1neMag1que]

peut etre utilise cette technique pour éviter de se faire voler son contenu ?

[guillaumeg]

Bonjour et merci de votre intérêt pour mon problème.

tu pourrais tres bien sortir les miniatures de l'image de fond, les utiliser a la place de tes rien.gif positionné en css

Je n'utilise pas cette méthode car, après l'avoir testée, je me suis rendu compte que ça ralentit beaucoup le temps de chargement des pages en plus de créer un double contenu, le visuel étant présent sur l'image de fond ET de manière autonome. De plus, les miniatures ne se calent pas toujours pile poil, ce qui rend le montage lourd et moche.

peut etre utilise cette technique pour éviter de se faire voler son contenu ?

Non non C'est uniquement par souci esthétique et de performance. Je ne doute pas un instant que n'importe qui sachant utiliser la fonction de recadrage de n'importe quel logiciel photo aurait vite fait d'extraire les miniatures.