Lazy Loadの画像について

Lazy Loadとは、ユーザーがサイトにアクセスした時点では画像を読み込まず、その画像が表示されている画面までスクロールした段階で画像を表示させる技術のことである。

Lazy Loadにする目的は、サイトの読み込み速度を上げるために、スクロールした時点でレンダリングを行う、という点にある。

しかしこの仕様はSEO的には不利に働く可能性も秘めている。

なぜなら、検索エンジンがクロールする際には、ユーザー行動と異なり、サイトにアクセスした段階で画面全体を一括で読み込むため当該画像が表示されない状態でクロールされる可能性があることが上げられる。

この問題は大きなマイナス要因にはなりえないと考えられるが、最善を施すためには対応しておく必要もある。

実際にBotがレンダリングできているかを確認する方法としては Fetch as googleでレンダリングの際に、画像が正しく表示されずに真っ白になっている場合は今回の例に該当する可能性がある。

対応策としては、Botがクロールできる別のLazy Loadを設定する、あるいは普通にHTMLに画像を埋め込むかのどちらかになる。