Currently my website has a small gallery of 12 pictures per subject. I designed the structure to be:
CODE
subject.html - having (besides all the textual content) 12 thumbnails in the form:
href: subject/gallery/
alt: "Image #n of Subject"
src: /images/gallery/subject/image-#n-small.jpg
subject/gallery/ - having a h1 "Images of Subject" as only text and 12 medium sized images in the form:
href: subject/gallery/#n
alt: "Image #n of Subject"
src: /images/gallery/subject/image-#n-medium.jpg
rel: nofollow
subject/gallery/#n - having 1 large sized image and a h1 "Image #n of Subject"
These all contain canonical link to their respective subject/gallery/ and include a robots noindex,follow meta
href: subject/gallery/
alt: "Image #n of Subject"
src: /images/gallery/subject/image-#n-small.jpg
subject/gallery/ - having a h1 "Images of Subject" as only text and 12 medium sized images in the form:
href: subject/gallery/#n
alt: "Image #n of Subject"
src: /images/gallery/subject/image-#n-medium.jpg
rel: nofollow
subject/gallery/#n - having 1 large sized image and a h1 "Image #n of Subject"
These all contain canonical link to their respective subject/gallery/ and include a robots noindex,follow meta
So far this seems to work and google webmaster tools does not tag it as duplicate content after I added the canonical links. However I'm not happy about having the generated alt tags. The only gallery advice I could find state the alt tags and texts around the images should be meaninful, but that's the whole problem of having several pictures of the same subject.
Sure, I could start being very creative and desribe the position of the subject in every alt tag, but, besides it being of no help to the user, would be pretty silly and time intensive doing that for 500 subjects times 12 images.
Any suggestions or tips are welcome!









