元のファイルにリンクするサムネイル画像のalt属性

Question

小さなサムネイルを表示する壁紙ギャラリーページがあり、クリックすると元のフルサイズの画像が開き、ユーザーがダウンロードできます。
alt属性をサムネイルに追加すると、検索時にGoogle画像に元のフルサイズの写真が表示されますか？またはGoogleは小さなサムネイル写真を表示しますか？私は最初のオプションを達成するつもりです。

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

Answer 1

タスクを実装するには、構造化データマークアップをImageObjectとして使用することをお勧めします。

<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>

そのコンテンツに関するテキスト情報なしでリンクをインストールすることは、悪い解決策です。そこで、これをコードに追加しました。このクラスの属性を自分で試すことができます。必ずGoogleテスターで結果を確認してください。

Answer 2

いいえ。altタグは、画像のテキスト説明用です。視覚障がい者向けのスクリーンリーダーや、Webクローラーによる画像メタデータとして使用できます。