Mobile app version of vmapp.org
Login or Join
Candy875

: Multiple images on one page: best ranking practices I have several images related to one object and they all should be placed on one web-page. I'd like to know how do I place those images

@Candy875

Posted in: #Html #ImageSearch #Indexing #Ranking #SearchEngines

I have several images related to one object and they all should be placed on one web-page. I'd like to know how do I place those images among the page body and its text. I can not do it manually to distribute the images evenly among the page so I'd do the following:

APPROACH ONE: I'd place only one image with its corresponding caption text below, alt and title somewhere in the top of the page with all the rest text following this image. All other images should replace the first one by JS-function as the user pressing the corresponding button "Next". QUESTION: Will Google (and the rest of search engines) index the images indicated only in JS section of the page? And even if 'yes' will SE's rank them in the same way? I'd bear with it if the first image will be considered as the main and the others as less important.

APPROACH TWO: I'd place all images one after another with attribute 'hidden' for all of them except the first one. The caption will be placed in the end of those images bunch and the alt- ant title-tags will be the same for all of the images. QUESTIONS: I can suppose that the last image will be considered as the most important by the SE's as the caption will be most close to it and I don't really like it.

Please advise me which approach is better or propose yours. The image search is supposed to be the most important source of traffic so it's very important for me.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Candy875

2 Comments

Sorted by latest first Latest Oldest Best

 

@Voss4911412

I am unsure about what images you are going to use, but if we're talking about something in the dimensions of 150x150~250x250 you can, and should use sprite for that purpose, Google loves sprites it will speed up your load time, you can optimize it with tinypng.com for example, what I am trying to say is that the advantages of sprite images are a lot.

It's not a good practice to use the same alt and title tags for more than 1 image.

Make sure you optimize the images, by compressing them and setting expire headers for them.

10% popularity Vote Up Vote Down


 

@Dunderdale272

Sorry I didn't understand you clearly , but tell me are u trying achieve some thing like a Gallery kind of page and u want those images to be displayed when Google image search is done?
Display all images in a small size with a title and and proper alt attribute and name.
On click of that image make it popup and enlarge with corresponding details and fade the background.
Hope my answer helps u.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme