: 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
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>
More posts by @Alves908
2 Comments
Sorted by latest first Latest Oldest Best
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.
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.