web-dev-qa-db-ja.com

遅延読み込み画像（データURIを使用）およびSEOへの影響

私はこの質問を見ました： SEOの画像と効果の遅延読み込み

私の質問は非常に似ていますが、data-uriイメージを次のように使用している点が異なります。

<img width="1100" height="340" class="img-responsive lazy lazy-hidden"
     src="data:image/png;base64,iVBORw0KGgoAAAANS ... "
     data-src="//example.com/epic-cat-fails-omg.png"
     alt="" >

各遅延読み込みイメージには、特定のサイズの透明なイメージを作成するための一意のデータURIがあります。 SEOのaltタグには何を入れるべきですか？何ですか？何もない？グーグルはdata-uri画像さえ気にしますか？

（または、適切な説明を使用し、<noscript>タグを使用して実際の<img>とまったく同じ説明を挿入する必要がありますか。

seogoogle-searchjavascriptimagesgoogle-image-search
3
Drakes

SEOのaltタグには何を入れるべきですか？何か？何もない？グーグルはdata-uri画像さえ気にしますか？

検索エンジンは、コンテンツをテキストとして定義します。

画像とaltパラメータの値のみを含むWebサイトは、画像を詳細に説明するための補足テキストがないため、検索エンジンではランクがよくありません。

データURIに基づいて画像をロードしようとする場合、外部画像ファイルを使用した場合よりもHTMLコードサイズが大きくなることに注意してください。

サーバーの処理能力を節約するために、何百もの小さな画像を遅延読み込みしようとしている場合は、代わりに、画像リストに私のウェブサイトで使用している画像スプライトを使用することをお勧めします。ある意味では、ゆっくりロードするのではなく、写真がすでに表示されていることを除いて、遅延ロードのように感じられます。また、ブラウザのSprite読み込みとの互換性はデータURIよりも高くなっています。

1
Mike

SEOのaltタグには何を入れるべきですか？

なぜこの質問を受けたのですか？つまり、ここではかなり平凡な構成（データuriとしてのイメージとnoscriptブラウザーのフォールバックとしての通常のイメージ）を扱うので、特別なソリューションは必要ありません。

誰もが使用するように、altとtitleを使用して、それらを意味のあるものにします。これらは、SEOとW3Cの両方の唯一のベストプラクティスです。

1
Evgeniy

サイトでデータURIイメージを使用しましたが、次のことがわかりました。

  1. データURI画像がGoogle画像検索でインデックスに登録されることはほとんどありません。イメージが遅延ロードされると、インデックスを作成することはほとんど不可能です。
  2. データURIで完全な画像を使用すると、ページサイズが大幅に増加します。これにより、Googlebotはサイトのクロールをはるかに遅くします。
  3. Internet Explorerの古いバージョン（バージョン7以前）では、画像を表示できません。

データURIで透明な画像を使用し、後で画像全体を遅延読み込みするので、ページサイズが大きくなってGooglebotを心配する必要はないと思います。

代替テキストに関する限り、ユーザーにとって意味のあることを行います。画像を読み込まないブラウザを使用しているユーザーは、画像が読み込まれていないときに意味のあるテキストを見たいと思うでしょう。 Google画像検索では画像のインデックスが作成されないため、それは問題ではありません。 Googleは、ウェブ検索に関しては代替テキストにほとんど注意を払いません。

1
Stephen Ostermiller