アフィリエイト広告を利用しています。

ブログ初心者向け WordPress不具合

CLS に関する問題: 0.25 超!?今後ランキングに影響するCWV・コアウェブバイタル

2021年4月27日

LCP,FID,CLSと書かれたプレート。

この記事の信頼性について

  • 京都大学大学院を卒業後、サラリーマンを10年経験。
  • 現在個人事業主として奮闘中。
  • 研究気質があるブロガー。
  • Webマーケを勉強しブログ開始1年で年間13万PVを達成。
  • 読者に有益な情報となり、少しでも読者の日々の生活を明るくできるよう心がけて執筆します。

CLSの問題が発生して困っていませんか?

2021年の6月中旬からコアウェブバイタルがランキングに影響します。

私は現在「CLSに関する問題:0.25越」が発生しており、対策をしている最中です。

同じ問題が発生している方がいるかもしれないので、私が行った対策をまとめておきます。

目次は次の通りです。

・ページエクスペリエンスがランキングに使用される

2021年6月中旬から、ランキングにページエクスペリエンスが使用されます。

先日次のようなツイートをしました。

ページエクスペリエンスの更新は、6月中旬から段階的にスタートです。
このアップデートは優れたユーザーエクスペリエンスを提供するページを強調するように設計。
LCP、FID、CLSの3つのコアWeb Vitalsメトリックを含む、いくつかのページエクスペリエンスシグナルが考慮。

ちょこ

LCP、FID、CLSの3つのコアウェブバイタルが重要になってきます。

Chrome User Experience Reportによると、これらの語句の意味は、

LCP:

Largest Contentful Paint(LCP)は、ページのメインコンテンツが読み込まれようとしたとき、ページの負荷のタイムラインでポイントを記録する、人が体感する読み込み速度を計測するユーザー重視の重要な指標です。高速なLCPは、ページが使いやすいことを指します。

FID:

First Input Delay(FID)はユーザーが応答しないページを操作しようとしたときに感じる体験を定量化するため、負荷の応答性を計測するユーザー重視の重要な指標です。FIDが低いと、ページが利用しやすいことを指します。

CLS:

Cumulative Layout Shift (CLS)は、ユーザーが予期しないレイアウトシフトを経験する頻度を定量化するため、視覚的な安定性を測定するための重要なユーザー重視の指標です。CLSが低いと、ページが快適になります。

です。

LCP, FID, CLSにおける、良好、改善が必要、不良の値。

・CLS に関する問題: 0.25 超の問題発生

ランキングに反映されるコアウェブバイタルですが、Google Search Consoleで確認することができます。

先日次のようなツイートをしました。

Google Search Consoleに新しいページエクスペリエンスレポートが追加されます。

ページエクスペリエンスが良好なURLの割合や時間の経過に伴う検索インプレッションなどの指標を提供し、パフォーマンスをすばやく評価できるようにします。

ちょこ

早速、見てみました。

Google Search Consoleの「ページエクスペリエンス」をクリックします。

ページエクスペリエンスの結果。ウェブに関する指標で失敗したURLが224あることを示している。

なんと、良好URLが0%になってました。

これはまずいですよね。

Google Search Consoleの「Webに関する主な指標」をクリックします。

ウェブに関する主な指標。

モバイルで不良URLが発生しています。

モバイルの右側のレポートを開くを開きます。

CLSに関する問題:0.25越え(モバイル)不良が224あることを示している。

CLSに関する問題:0.25越(モバイル)となっていました。

・CLSに関する問題:0.25超(モバイル)の対策と結果

私が行った対策は次の3点です。

・画像を固定にする
・Google Adsenseの自動広告を廃止
・Autoptivizeのプラグインを導入

・画像を固定にする

画像のWidthとHightに数値を入れておくと、ページが表示されて画像が読み込まれるまでに、画像のスペースが確保されて、ずれがなくなります。

しかし、WordPressでどうやってWidthとHightを入力すればいいのか。

方法があります。

記事上で、画像をクリックします。

そして、ブロックの中の、AMP設定のAMPレイアウトの固定を指定するだけです。

CLS対策のためにWordPressで画像の固定をする方法。

・Google Adsenseの自動広告を廃止

自動広告を廃止しました。

ネット情報の口コミから自動広告を廃止したら改善したという結果を知ったからです。

・Autoptivizeのプラグインを導入

AutoptimizeのプラグインはCSS、JS、画像、Google フォントなどを最適化することでサイトの応答を高速化します。

Autoptivizeを導入しました。

Page Speed Insightが改善しました。

・結果CLSは改善された

CLSが改善できたがどうかは、最大28日かかります。

しばらく待つことにします。

...1日経過後

よい結果が返ってきたので報告します。

不良URLが0件になり、良好URLが234件になりました

ウェブに関する主な指標。CLSが改善した。

所感的に、画像を固定したのが良かった印象です。

・コアウェブバイタルを表示するツール

セットアップ。

・Chromeの拡張機能 Web vitals

Chromeの拡張機能を使えば、コアウェブバイタルを確認できます。

Googleの拡張機能 Web vitalsで、LCP,FID,CLSを表示している様子。

ChromeのWebストアからインストールできます。

先日次のようなツイートをしました。

CRUX Page Speed Trendsを使おう。
LCP, CLS, First Input Delay, FCPのデータをグラフ化する方法です。
競合比較用のテンプレートがあります。
個人用も作れます。

ちょこ

CRUX PAGE Speed Trendsを使うと、LCP、FID、CLSの軌跡が分かります。

CRUX Page Speed Trendsの解析結果。

導入方法はこちら

・コアウェブバイタルの参考情報

インフォメーション。

先日次のようなツイートをしました。

グーグルは下記言及。
インデックス付けされていないページはコアウェブバイタルに影響を与える可能性がある。
意図的にインデックスが作成されていない遅いページを持つサイトは、GoogleによるCore WebVitalsの評価でサイトがダウンする可能性があります。

ちょこ

・まとめ「CLS に関する問題: 0.25 超!?今後ランキングに影響するCWV・コアウェブバイタル」

2021年6月中旬から段階的にコアウェブバイタルがランキングに影響します。

CLS に関する問題: 0.25 超に対して行った対策は、

・画像を固定にする
・Google Adsenseの自動広告を廃止
・Autoptivizeのプラグインを導入

です。

なお、結果は最大28日かかります。

改善後、1日で結果が出ました。

CLSは改善です。

所感は、画像の固定をしたのが良かったと感じました。

以上、参考になれば幸いです。

トップページに戻る

当ブログ限定特典あり


当サイトからエックスサーバーに申し込みをすると、最大1万円割引されます。
\当サイトからの申し込みがお得/

限定特典は実施中のキャンペーンと併用可です。

たった10分でできる申し込み手順はこちら>>

アフィリエイターが選ぶ満足度No.1のレンタルサーバー

レンタルサーバーのランキングです。WordPressでブログを始める方は参考にしてください。

第1位:エックスサーバー

エックスサーバーは2003年にサービスを開始。240万もの運用サイト数を誇るなど実績があって信頼ができるレンタルサーバーです。
定期的に割引のキャンペーンを実施10日間の無料お試し期間があります。
エックスサーバーの内容に満足できなかったら、ランキング2位、3位を検討してください。
ただ、使ってみてランキング1位のエックスサーバーは圧倒的におすすめなので迷っているならコレです!

初期費用無料
月額990円~
性能超高速で大量アクセスにも強い
WordPress簡単インストールあり(無料)

\業界トップのサーバー環境を手に入れる/

第2位:ConoHa WING

ConoHa WINGは、2018年以降にサービスを開始して以来、45万登録者集を突破しており、今、勢いのあるレンタルサーバーです。
常時キャンペーンを実施で、割引で安く借りれます。
長期利用割引パックを利用すると、お好きな独自ドメインを2つ永久無料など特典があります。

初期費用無料
月額月額1452円~
性能高速・高機能・高安定性
WordPress簡単インストールあり(無料)

第3位:ロリポップ

ロリポップは2001年からサービスを開始し、安価で利用できるレンタルサーバーとしての地位を築いています。
安価で220円~利用できるライトコースもあり。10日間の無料お試し期間があります。

初期費用無料
月額月額550円~
性能高速のLight Speed
WordPress簡単インストールあり(無料)

-ブログ初心者向け, WordPress不具合
-