SEOの重要指標CLSを改善するために何をすべきか

こんにちは。
大阪でWEBコンサルティングとWEB制作をしているワイズオフィスです。

今回はSEOのCLSの改善策について書きたいと思います。

CLSとは

Core Web Vitals（核心的なWeb指標）は、ユーザーエクスペリエンスを測定するための3つの主要な指標の1つであり、Cumulative Layout Shift（CLS）はその中でも重要な指標の1つです。CLSは、ページの読み込み中に発生するレイアウトシフトの合計量を測定します。

CLSを改善するためには

CLSを改善するために何をすべきかについて考えてみましょう。

イメージと広告を正確なサイズで提供する

CLSの最も一般的な原因の1つは、イメージや広告が読み込まれるときにページのレイアウトが変更されることです。これを回避するためには、イメージと広告を正確なサイズで提供する必要があります。そのためには、HTMLの幅と高さの属性を使用して、イメージと広告のサイズを明示的に指定することが重要です。

フォントやCSSの読み込みを最適化する

CLSを引き起こすもう1つの一般的な原因は、フォントやCSSの読み込み中に発生するレイアウトシフトです。これを回避するためには、フォントやCSSを最適化することが必要です。たとえば、フォントファイルサイズを最小限に抑える、CSSを結合する、プリロードを使用するなどの方法があります。

遅延読み込みを実装する

遅延読み込みは、ユーザーがページを開いた後に必要なリソースを読み込む技術です。これは、ページの読み込み中に起こるCLSを減らすために役立ちます。たとえば、画像や広告などのリソースは、ページが完全に読み込まれた後に遅延して読み込まれるようにすることができます。 

まとめ

CLSは、ユーザーエクスペリエンスの重要な指標の1つであり、SEOにとっても重要です。イメージと広告の正確なサイズを指定し、フォントやCSSの読み込みを最適化し、遅延読み込みを実装することで、CLSを改善することができます。これらの対策を実施することで、ユーザーエクスペリエンスを向上させ、SEOのランキングを向上させることができます。また、CLSを改善するだけでなく、他の2つのCore Web VitalsであるLargest Contentful Paint（LCP）とFirst Input Delay（FID）にも注目し、それらを改善することが重要です。これらの指標は、ユーザーエクスペリエンスに重要な影響を与え、SEOにも重要な影響を与えるため、Webサイトのパフォーマンス改善に取り組む際には、Core Web Vitals全体を網羅的に対策することが必要です。