Mobile app version of vmapp.org
Login or Join
Alves908

: Alt attribute for thumbnail image that links to the original file I have a wallpaper gallery page that displays small thumbnails, when clicked it opens the original full size image for a user

@Alves908

Posted in: #AltAttribute #Html #Seo #Thumbnail

I have a wallpaper gallery page that displays small thumbnails, when clicked it opens the original full size image for a user to download it.
Will adding alt attribute to the thumbnails make the original full size photo appear in google images when searched for? or Google will show the small thumbnail photos? I do intend to achieve the first option.

<div class="thumb">
<a href="images/wallpaper.jpg">
<img src="images/wallpaper-small.jpg">
</a>
</div>

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Alves908

2 Comments

Sorted by latest first Latest Oldest Best

 

@Annie201

To implement your task, I recommend that you use structured data markup as ImageObject, for example:

<div class="thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="images/wallpaper.jpg" itemprop="contentUrl">
<figure>
<figcaption itemprop="caption">The large image</figcaption>
<img src="images/wallpaper-small.jpg"itemprop="thumbnail" alt= The thumbnail of large of the same image>
</figure>
</a>
</div>


Installing a link without text information about its content is a bad solution. So I added this to your code. You can play with the attributes of this class yourself. Be sure to check your result on the Google tester.

10% popularity Vote Up Vote Down


 

@Sent6035632

No. The alt tag is just for a textual description of the image. It can be used by screenreaders for visually impaired people or as image metadata by web crawlers.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme