: How to include high resolution version of thumbnail I'm running a tube site that has a thumbnail for each post/video (running via Wordpress, 500k posts). When I first created the thumbnails they

@Berryessa370

I found for you two solutions:


I think the best what you can do is serving big thumbnails, but detecting smaller screen (like for example smaller than 1900x1400) loaded images will be smaller (170px for ex.). Benefits? Thats white SEO you don't lie user you just provide smaller thumbs for user with "small" resolution screen. Make sure you give option to see larger thumbs for user even if he got "small" resolution and that the google and other boots will se it bigger version.

Just simple resolution detection by javascript. First check if javascript is enabled, save that info to cookie, if it is than run function that download appropriate images.
Just send large images, if you detect normal user (check user agent) than send smaller images. Thats black SEO, and you should always let user see the bigger thumb (your site ranking may go down cause of that techniques).

Vote Up Vote Down

@Heady270

Much of Google's choice of images that it ranks is based on "image quality". You are right to worry. Larger images are considered higher quality than smaller images.

Whatever you do, you need to have the large size image appear in a <img src= or an <a href= in the page source. John has the right idea about linking to the big size images using the thumbnail. However, as if you say, that plays the video instead, a link somewhere nearby could be used instead.

Vote Up Vote Down

@Carla537

Do a "on-mouseover" thing, where hovering shows a lightbox of a larger image.

You can customize how large the image is that pops up, and how the effects play out: moving the mouse away makes the image vanish immediately, or fades out?

Be sure it implement image caching if you aren't already. How to serve those ones to be indexed specifically? You'd probably want to include them in your sitemap. (Or sign up for the Webmaster Tools and submit them manually).

Vote Up Vote Down

@Phylliss660

You can make the small image clickable so it links to the bigger image. If you use something like fancybox it looks pretty too.

Vote Up Vote Down