大きな画像にリンクするサムネイルのaltタグのベストプラクティス

Question

サムネイルがいっぱいのギャラリーがあり、それぞれがフルサイズの画像にリンクしています。 altタグをどのように実装する必要がありますか？検索エンジンにaltタグで提供するテキストを使用して大きな画像を検索させたい。コードは下記の通りです。

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

Answer 1

あなたのサムネイルがGoogleの画像検索に表示しないようにしたい場合は、その後のrobots.txtあなたの中に不許可パターンにマッチするあなたのサムネイルのための一般的な命名規則を作成することができます。

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

この方法で、あなたはまだそのようなスクリーンリーダーや物事を支援するためにあなたのサムネイルをALTタグを置くことができますが、彼らはGoogleイメージ結果には表示されません。さらに、ユーザーエージェントをGooglebot-Imageに設定すると、サムネイルのaltタグのメタデータを保存して、ページのオーガニックコンテンツとして使用できます。