ページエクスペリエンスとは？チェック・改善方法・SEO対策

ページエクスペリエンスとは？

つまり、SEOと密接不可分な関係にあるのが「ページエクスペリエンス」ということです。

Googleは、ページエクスペリエンスについて、以下のシグナルを上げています。

• ページ読み込み速度
  • ページの読み込みパフォーマンス（LCP）
  • インタラクティブ性（FID）
  • 視覚的安定性（CLS）
• モバイル フレンドリー
• HTTPS
• インターステシャル
• 広告表示の量
• 快適なインターフェース

Googleは、これらの指標を基に、
そのページが「ユーザーに利便性・快適性を感じさせるものか」を評価しています。

ページエクスペリエンスと検索順位・SEO

Googleは、検索ランキングに「ページエクスペリエンス」シグナルを導入しています。
（2021年に、モバイル向け検索ランキングとしてリリース）
（2022年に、パソコン向けランキングシステムとして使用開始）

ですので、すでに上記の指標が、
検索順位決定に影響を与えるようになっている、ということであり、
ページエクスペリエンス対策は、SEOの重要な要素の一部である、ということができます。

ただし、検索順位を決める要素は「コンテンツ」（書かれている情報）が中心で、
どれほどページエクスペリエンスが優れていても、コンテンツ評価が低ければ上表示できません。

コンテンツ評価が同程度である場合に、
ページエクスペリエンス評価が高いものが上位化する、という感じになります。

ただし、「HTTPS対応していない」「モバイル対応していない」「表示速度が極端に遅い」などの場合は、
検索順位を下げる要因として大きな影響を与えることがありますので、
SEO対策として、一つ一つ確認しておくことは大切です。

ページ読み込み速度

ページエクスペリエンスの重要なシグナルに「ページ読み込み速度」があります。
「ページ読み込み速度」は、ユーザーが見たいと思ったウェブサイトが実際に読み込まれるまでの時間のことで、検索結果にも反映されます。

LCP（Largest Contentful Paint）

FID（First Input Delay）

CLS（Cumulative Layout Shift）

モバイルに最適化されたデザイン・閲覧環境

良好なページエクスペリエンスのためには、「モバイルでの閲覧環境」をよりよいものにする必要があります。

ウェブページの閲覧が、パソコンからだけでなく、スマホ、タブレットなど、様々な端末で行われるようになり、
どのようなデバイスでも「読みやすい」「わかりやすい」「操作しやすい」ことがユーザー体験向上に必要となっています。

レスポンシブデザイン

ウェブサイトをスマホなどのモバイル端末で閲覧したときに、パソコンを想定してデザインされたウェブページが表示されると、「文字が小さくて見えない」「リンクボタンをタップしづらい」など、ユーザーにとって読みづらいものになります。

まずは、モバイルに対応したデザインを用意して、モバイルユーザーに配慮したサイトを構築する必要があります。

モバイル対応のデザインでは、「レスポンシブデザイン」を採用することをおすすめします。
従来のモバイル対応方式と違い、1つのファイルで、様々なデバイスに対応すしますので、
表示速度が速く、読みやすく、表示エラーが起こりにくい、などの特徴を持ち、Googleが推奨するデザイン方式です。

モバイルフレンドリー

ウェブページ閲覧の大半がモバイル端末からとなっている現在、
サイトが「モバイルフレンドリー」であることは必須であると言えます。

以下にご紹介する「PageSpeed Insights」や「サーチコンソール」にて、自社サイトの状態をチェックし、必要であればすぐに改善するようにしてください。

HTTPSでユーザーの安全を守る

煩わしいインタースティシャルを使っていない

広告の表示量

ユーザーがページを見に来る目的は、コンテンツを読むため・体験するためです。
多すぎる広告の表示があると、コンテンツを読みづらくなり、満足度を下げてしまいます。

また、広告を貼る場所にも注意が必要で、
ユーザーが「コンテンツを読みづらい」と感じるような掲載方法を避ける必要があります。

インターフェースの使いやすさ

ユーザーがウェブページを見る際に「使いやすい」「理解しやすい」ことが大切です。

• 情報が整理されている
  ユーザーが目的の情報を見つけやすい。適切な用語が使われている。
• 操作性がよい
  ボタン表示に統一感がある・適切な間隔があるなど、ユーザーが操作しやすい
• 読みやすさ
  ウェブデザイン色とコンテンツの色などが適切に表示されていて、ユーザーが読み進めることにストレスがないこと

ページエクスペリエンスのチェック・確認

ページエクスペリエンスをチェック・確認する方法を見て行きましょう。

サーチコンソールで確認する

Googleが提供するサーチコンソール（Google search console）で
自社サイトのページエクスペリエンスを確認することができます。

ホームページ運営を行っている場合、サーチコンソール登録は必須ですので、必ず行いましょう。
（Gアカウントで登録できます）

サーチコンソールの左サイドメニューに「ページエクスペリエンス」がありますので、確認して行きましょう。

上部にページエクスペリエンスで「良好」と判定されたページの割合グラフが表示され、
その下に「ウェブに関する主な指標」「HTTPS」の判定が表示されます。

「良好」であればOKですが、
「不良」「改善が必要」が表示された場合は、改善点を確認して、改善して行きましょう。

「モバイル」のところが「良好」と表示されていれば
モバイルユーザビリティーもOKです。

PageSpeed Insights

グーグルが提供する「PageSpeed Insights」で表示速度などページエクスペリエンス・SEOに関する指標について、点数と改善内容が確認できます。
（自社サイトだけでなく、他社のサイトについても確認できます）

まず↓を開いて、

⇒PageSpeed Insights

URLを入れて「分析」をクリック。
下のように結果数値が表示されます。

「パフォーマンス」「ユーザー補助」「おすすめの方法」「SEO」についてそれぞれ点数が表示されます。
「パフォーマンス」は表示速度の点数が表示され、改善ポイントも併せて表示されます。

主な改善ポイントは

• 画像や動画のサイズを最適化する
  とくにモバイル表示において、スマホで撮影した画像をそのまま表示するなど、画像サイズが大きなものを多数表示していると、表示速度の遅延が生じますので、一つ一つ画像を確認して、適切なサイズに縮小して、表示するようにしましょう。

• 不要なコードを削除する
  不要なCSSやJavaScriptは、ページの読み込み速度を遅くする原因となりますので、不要なコードを削除しましょう。
  冗長なコードの削除・圧縮などを行い改善します。

• 外部サイトからの読み込みをやめる
  外部サイトで表示されている動画・フォント・図表などを読み込み表示させようとすると、外部サイトとの通信が発生し、読み込み速度を低下させる大きな原因になります。
  原因を特定して、問題が見つかったら表示をやめることが必要です。

「ユーザー補助」はアクセシビリティ（使いやすさ）の評価が点数表示されます。

• 背景色と前景色（文字色など）のコントラストは十分か？
• 音声読み上げソフトで正しく読み上げられるか？（alt属性の適切な設定など）

「お勧めの方法」には、
表示速度を上げるための方法（不要なHTMLコードの圧縮など）が表示され、
「SEO」には、
検索エンジン評価を上げるための改善方法（タイトルタグなど）が表示されます。

各項目の点数と、表示された改善提案を確認して、対策・改善を実施して
サイトのページエクスペリエンスを向上させましょう。

まとめ

ページエクスペリエンスは、
閲覧者に「良好な閲覧環境を提供して」「満足度を高める」ための指標です。

検索ランキングのシグナルであり、SEOにも関係します。

ただし、SEOに最も大きな影響を及ぼすのは
「コンテンツの品質」（コンテンツにおける満足度）であり、
ユーザーのニーズに合ったコンテンツを提供することが、ページエクスペリエンスの上でも重要です。

ですので、SEOを考えるとき、このページで解説してきたページエクスペリエンスの要素だけが重要というわけではありません。

ただし、検索エンジンは、「コンテンツの質」と「閲覧環境」の両方において「ユーザー満足度」が高いウェブページを上位化させようとしますので、
コンテンツもページエクスペリエンスも、両方が大切と考えるべきなのです。

たとえば、ページスピードが極端に遅い場合など、ページエクスペリエンスに大きな問題がある場合は、検索順位が上がらない原因になりますので、問題点を確認して改善する必要があります。

重い画像データを多く使っていないか？
外部システムの読み込み（Youtube、ウェブフォントその他）が原因でないか？
など、チェックし、対応しましょう。

また、「HTTPS」（SSL対応）は、現在は必須となっていますので、
URL表示の前に「保護されていない通信」と表示される場合（URLが、http で始まる場合）は、必ずSSL対応を行ってください。

エクスペリエンスでの大きな問題を放置しないことが大切です。