コラム
表示速度がSEOに重要な理由
Googleは2021年にCore Web Vitals(コアウェブバイタル)をランキング要因に追加しました。ページの表示速度は検索順位に直接影響する重要な指標です。
Core Web Vitalsの3指標
| 指標 | 内容 | 良好な基準 |
|---|
|------|------|------------|
| LCP(Largest Contentful Paint) | 最大コンテンツの表示時間 | 2.5秒以内 |
|---|---|---|
| INP(Interaction to Next Paint) | 操作の応答速度 | 200ms以内 |
| CLS(Cumulative Layout Shift) | レイアウトのずれ | 0.1以下 |
表示速度が遅いとどうなるか
直帰率の上昇 — 表示に3秒以上かかると53%のユーザーが離脱
コンバージョン率の低下 — 1秒の遅延でCVRが7%低下するというデータも
検索順位の下落 — Googleが遅いサイトを低評価
表示速度を改善する方法
画像の最適化 — WebP形式の使用、適切なサイズへのリサイズ
CSS/JSの最小化 — 不要なコードの削除、バンドルサイズの縮小
レイジーロード — 画面外の画像は後から読み込む
CDNの活用 — コンテンツを地理的に近いサーバーから配信
サーバー応答時間の改善 — 高速なホスティングサービスの利用
フォントの最適化 — フォントのサブセット化、display:swapの使用
Web Studio Craftの取り組み
Web Studio CraftではNext.jsを採用し、画像の自動最適化・コード分割・静的生成などを活用して高速なサイトを実現しています。