鏈接到較大圖像的縮略圖替代標記的最佳做法

所以我有一個畫廊充滿了縮略圖，每個鏈接到全尺寸的圖像。 alt標籤應該如何實現？我希望搜索引擎使用我在alt標籤中提供的文本來查找大圖片。代碼如下所示。鏈接到較大圖像的縮略圖替代標記的最佳做法

<div class="thumbnail"> 
 
<a href="images/mustang1969.jpg"> 
 
<img src="images/mustang1969s.jpg"/> 
 
</a> 
 
</div>

2017-08-10 MEGA

如果你希望你的縮略圖不是在谷歌圖片搜索顯示出來，您可以爲您的縮略圖的通用命名約定，則不允許模式在你的robots.txt匹配。

User-agent: Googlebot-Image 
Disallow: /*-thumb.png$

這樣你仍然可以把你的縮略圖，以幫助屏幕閱讀器之類的東西alt標籤，但他們不會在谷歌圖片搜索結果中。此外，如果您將用戶代理設置爲Googlebot-Image，則可以保留縮略圖的alt標記的元數據，以用作頁面的有機內容。

2017-08-10 20:05:16 Nosajimiki

使用這種方法，如果我添加一個alt標籤到縮略圖img可以將它鏈接到的大圖片編入索引並顯示在Google搜索圖片中？ – MEGA

是的，但大圖像需要使用它自己的alt標籤;所以，我的建議是做你的搜索引擎優化大圖像作爲你想要的人搜索，如果做圖像搜索，並把縮略圖的替代文本作爲頁面本身的內容。 – Nosajimiki

大圖像如何擁有自己的「alt」屬性文本？基於問題中提供的代碼是不可能的。我只能將「alt」文字添加到縮略圖。 – MEGA

回答