表示速度・スマホ対応・構造化データ:技術面の基本|SEOの教科書 第7回

田中 磨生

監修田中 磨生株式会社Abin 代表取締役

株式会社Abin代表取締役。AI SaaSの上場企業やHR系ベンチャーのマーケティング責任者を経て、2023年BtoBマーケティング特化のコンサルティング会社株式会社Abinを設立。創業から30社以上のBtoBマーケティングの戦略立案から実行までを行う。2025年には株式会社プロベルの役員に就任。NYマーケティング株式会社の執行役員も務める。

プロフィールを見る →

執筆Abin編集部

表示速度・スマホ対応・構造化データ:技術面の基本|SEOの教科書 第7回

この回で分かること:①ページ エクスペリエンス(ページの使いやすさ)とSEOの関係、②Core Web Vitalsの3つの指標と目安、③スマートフォン対応と構造化データの基本、そして技術対策の優先順位のつけ方。前回は、ページが検索結果に載るまでの関門を学びました。今回は、載ったページを「使いやすく、分かりやすく」見せるための技術の基本です。

表示速度、スマートフォン対応、構造化データの3つのテーマ
図1:この回で扱う3つのテーマ

ページ エクスペリエンスとは「読む人が快適に使えるか」

Googleは、検索結果を作るときに、内容の関連性や品質だけでなく、ページが読む人にとって快適に使えるかどうかも考慮していると説明しています。これをページ エクスペリエンスと呼びます。具体的には、次のような点が挙げられています。

  • ページの表示が速く、操作にすぐ反応し、表示中にレイアウトががたつかないか(Core Web Vitals)
  • スマートフォンで見やすいか
  • HTTPSで安全に配信されているか
  • 本文を読むのを邪魔する、画面を覆う広告や表示(押し付けがましいインタースティシャル)がないか
  • 本文が広告などに埋もれず、はっきり見分けられるか

ここで大事な前提があります。Googleは、検索はページ エクスペリエンスが平均以下であっても、最も関連性の高いコンテンツを表示するように設計されていると説明しています。また、ページ エクスペリエンスという単一のシグナルがあるわけではなく、複数の要素を総合的に見ているとしています。表示速度を0.1秒速くするよりも、検索意図に答える内容に直す方が効果が大きい場面は多いのです。一方で、内容が同じくらい役に立つページ同士では、使いやすさが差になることもあります。技術対策は「土台を整えて、内容の良さを邪魔しないため」のものと位置づけるのがよいでしょう。

FREE MEMBER

無料会員なら、講座が受け放題・AI比較が1日5回

40以上の講座を最後まで読めて、学びの進み具合も記録できます。登録は30秒・無料です。

無料で会員登録する →
🔒 ここから先は無料会員限定です
この講座は、会員でない方は第3回まで読めます。第7回の続きと、残りの回はすべて、無料会員登録で読めます。
MEMBERS ONLY登録30秒・無料
続きは、無料会員登録ですぐ読めます。
会社のメールアドレスに届くリンクを開くだけ。このページに戻って、続きから読めます。
01
講座が全部、最後まで受け放題40以上の講座・300回超の連載を全回読めます。会員でない方は各講座の第1〜3回まで。
02
AI比較が1日5回あなたの会社向けの順位表と稟議書のたたき台を、何度でも作り直せます(会員でない方は1回)。
03
学びの進み具合をまとめて管理読んだ回・確認テストの成績・修了証をマイページに保存。PCでもスマホでも続きから。
04
AIへの質問が1日60回ツギノテの記事から答えを探すAI検索も、たっぷり使えます(会員でない方は20回)。
無料会員登録項目はすべて必須です
Gmail・Yahoo!メール・Outlook・携帯キャリアなどのフリーアドレスでは登録できません。お勤め先のメールアドレスを入れてください。
登録するとプライバシーポリシーに同意したものとみなします。

Core Web Vitals:3つの指標と目安

Core Web Vitalsは、ページの使いやすさを測るためにGoogleが定めた3つの指標です。それぞれ、読む人の体験の別の側面を表しています。

LCP2.5秒以内、INP200ミリ秒未満、CLS0.1未満の目安
図2:3つの指標と「良好」の目安(75パーセンタイルで判定)
指標 何を測るか 読む人の体験でいうと 「良好」の目安
LCP(Largest Contentful Paint) 画面内で一番大きな画像や文章のかたまりが表示されるまでの時間 「ページがちゃんと出てきた」と感じるまでの待ち時間 2.5秒以内
INP(Interaction to Next Paint) クリックやタップなどの操作から、画面が反応するまでの時間 ボタンを押したのに反応しない、というもどかしさ 200ミリ秒未満
CLS(Cumulative Layout Shift) 表示中にレイアウトが予期せずずれる量 読もうとした文章が動いたり、押すつもりのないボタンを押してしまったりする 0.1未満

INPは2024年3月に、それまでの指標だったFID(First Input Delay)に代わってCore Web Vitalsの1つになりました。FIDは最初の操作だけを測っていましたが、INPはページを使っている間の操作全体の反応を見るため、より実際の体験に近い指標とされています。

目安の数値は、実際にそのページを訪れた人のデータの75パーセンタイル(ページの読み込み100回のうち、速い方から数えて75回目くらいの体験)で判定されます。つまり、自分のパソコンで1回測って速かったとしても、通信環境が良くないスマートフォンで見ている人の体験が遅ければ、「良好」にはなりません。

「記事を読んでいたら、上に広告が差し込まれて本文が下にずれ、読んでいた場所を見失った」。この不満を表すCore Web Vitalsの指標はどれでしょう?

  1. LCP
  2. INP
  3. CLS
答えと解説

正解は3のCLSです。表示中にレイアウトが予期せずずれる量を測る指標です。画像や広告の表示領域をあらかじめ確保しておくことが、改善の基本になります。

どこで測るか:実際のデータと実験のデータ

Core Web Vitalsの数値は、主に次の道具で確認できます。

  • Search Consoleの「Core Web Vitals」レポート:実際に訪れた人のデータ(フィールドデータ)をもとに、サイト内のページを「良好」「改善が必要」「不良」に分けて表示します。サイト全体の傾向をつかむのに向いています。
  • PageSpeed Insights:URLを入れると、実際の利用者のデータ(十分なデータがある場合)と、その場で測った実験のデータ(ラボデータ)の両方を表示し、改善のヒントも示してくれます。個別のページを詳しく調べるのに向いています。

注意したいのは、PageSpeed Insightsで表示される「パフォーマンスのスコア」(0〜100点)は実験のデータにもとづく目安で、Core Web Vitalsの合否そのものではないことです。点数を100点に近づけることにこだわるより、実際の利用者のデータで「不良」のページを減らすことを目標にしましょう。

改善の定番:まず効きやすいところから

指標 よくある原因 定番の対策
LCP 大きすぎる画像、サーバーの応答の遅さ、表示を妨げるCSSやJavaScript 画像を適切な大きさに圧縮し次世代の形式(WebPなど)にする、キャッシュやCDNを使う、不要なスクリプトを減らす
INP 重いJavaScriptの処理、多すぎる外部タグ(広告・計測・チャットなど) 使っていないタグを整理する、重い処理を分割・後回しにする
CLS サイズ指定のない画像、後から差し込まれる広告やバナー、Webフォントの切り替え 画像や広告の表示領域の大きさをあらかじめ指定する、上部への後からの差し込みを避ける

マーケティング部門が自分で取り組みやすいのは、画像の圧縮と、使っていない計測タグや外部ツールの整理です。タグ管理ツールに古いタグが溜まっていないか、定期的に棚卸しするだけでも改善することがあります。

スマートフォン対応:Googleはスマホ版を見ている

Googleは現在、基本的にページのスマートフォン版の内容をもとにインデックス登録と順位づけを行っています(モバイルファーストインデックス)。つまり、パソコンで見たときにだけ表示される本文や見出しは、評価の対象にならない可能性があるということです。

  • スマートフォン版でも、パソコン版と同じ本文、見出し、画像、構造化データが表示されているか
  • 文字が小さすぎず、ボタンやリンクが押しやすい大きさと間隔になっているか
  • 横にはみ出して、横スクロールが必要になっていないか

画面の幅に合わせてレイアウトが変わる「レスポンシブデザイン」で作られていれば、基本的には同じ内容が表示されます。Googleもレスポンシブデザインを推奨しています。ただし、スマホでは一部の内容を折りたたんだり省略したりするデザインもあるため、大事な内容がスマホ版で抜けていないかは確認しておきましょう。

この記事の監修者に相談できます

監修者の田中磨生が代表を務める株式会社Abinで、ご相談をお受けしています。

相談無料ツギノテ編集部に相談する

構造化データ:検索エンジンに「意味」を伝えるラベル

構造化データとは、ページの内容が「何であるか」を検索エンジンに分かりやすく伝えるための、決まった形式の情報です。たとえば「このページは記事で、公開日はいつ、書いた人は誰」「この数字は商品の価格」「この部分はパンくずリスト」といった意味を、機械が読める形で書き添えます。Googleは、JSON-LDという形式で書くことを推奨しています。

ページの情報に意味のラベルを付け、リッチリザルトとして表示されうることを示す図
図3:構造化データのイメージ(順位を上げる道具ではない)

構造化データを正しく書くと、検索結果で通常より情報の多い表示(リッチリザルト)の対象になることがあります。たとえば、パンくずリストの表示、商品の価格や在庫、イベントの日時などです。

よく使われる構造化データ 向いているページ
Article(記事) ブログ記事、ニュース、コラム
BreadcrumbList(パンくずリスト) 階層のあるサイトのほぼすべてのページ
Organization(組織) 会社の公式サイトのトップや会社概要
Product(商品) 商品の詳細ページ(価格・在庫・レビューなど)
Event(イベント) セミナーやイベントの告知ページ

よくある誤解:「構造化データを入れれば順位が上がる」

構造化データは、検索エンジンが内容を理解する助けになり、リッチリザルトとして目立つ表示になる可能性を開くものです。しかし、Googleは、構造化データの効果を検索結果での見え方(リッチリザルト)として説明しており、順位が上がるとは説明していません。また、ガイドラインに沿っていない構造化データはリッチリザルトとして表示されない場合があり、沿っていても表示が約束されるわけではありません。また、表示の種類はGoogleの方針で変わります。たとえばFAQ(よくある質問)のリッチリザルトは、2023年以降、表示の対象が権威のある政府系や健康関連のサイトなどに絞られ、多くのサイトでは表示されなくなりました。構造化データは「内容を正しく伝えるための整備」として、ページの実際の内容と一致する形で入れましょう。Googleは、ページを見ている人に表示されない情報については、正確であっても構造化データを追加しないよう求めています。

構造化データについて正しいものはどれでしょう?

  1. 入れれば必ず検索結果でリッチリザルトが表示される
  2. ページの内容の意味を検索エンジンに伝えるもので、ページに実際に書かれている内容と一致させる必要がある
  3. ページに書いていない高い評価点を書き込むと、順位が上がる
答えと解説

正解は2です。構造化データはリッチリザルトの表示を保証するものではなく、ページの実際の内容と一致していなければなりません。内容にない情報を書き込むのはガイドライン違反です。

実務ではこう使う:技術対策の優先順位

技術対策はやろうと思えばいくらでもあります。限られた開発の工数をどこに使うかは、次の順番で考えると失敗しにくくなります。

インデックス、スマホ表示、表示速度、構造化データの順の優先順位
図4:上から順に手を付ける
  1. インデックスの問題(第6回):大事なページが検索結果に載っていない問題は、最優先で直します。
  2. スマートフォンで内容が欠けている・使えない問題:スマホ版の評価が基本なので、本文の欠けや操作できない状態は優先度が高い問題です。
  3. Core Web Vitalsで「不良」が多いページ群:特に流入や成果の多いページ(記事のテンプレートや、問い合わせにつながるページ)から改善します。テンプレートを直すと、同じ型のページがまとめて改善することが多いです。
  4. 構造化データの整備:記事、パンくずリスト、組織など、サイトの種類に合った基本のものから入れます。
  5. 細かな速度の調整:「良好」になったページをさらに速くする作業は、内容の改善と比べて効果を見極めてから行います。

開発の担当者や制作会社と話すときは、「Search ConsoleのCore Web Vitalsレポートで不良になっているURLのグループ」と「その原因」をセットで伝えると、話が早く進みます。技術面の改善をサイトの作り直しと合わせて検討するなら、SEOに強いホームページ制作会社のおすすめ比較も参考になります。

もう一歩深く:HTTPSとセキュリティ

HTTPS(通信の暗号化)は、ページ エクスペリエンスの要素の1つとして挙げられています。現在では多くのサイトがHTTPSに対応していますが、一部のページや画像だけがhttpのまま残っていないかも確認しておきましょう。また、サイトが改ざんされて不正なページが作られることは、Googleのスパムに関するポリシーでも「ハッキングされたコンテンツ」として扱われる問題で、検索での評価に大きく響くおそれがあります。CMSやプラグインの更新を怠らないことも、技術面のSEOの大切な一部です。

FOR BUSINESS

マーケティング・DXの発注先選びに迷ったら

ツギノテを運営する株式会社Abinは、BtoBマーケティングに特化したコンサルティング会社です。創業から30社以上のBtoBマーケティングを支援してきました。

相談無料ツギノテ編集部に相談する

無料会員登録(講座受け放題・AI比較)/セミナーと資料を見る

この回のまとめ

  • ページ エクスペリエンスは「読む人が快適に使えるか」。ただし内容の関連性や質の代わりにはならない。
  • Core Web VitalsはLCP(2.5秒以内)、INP(200ミリ秒未満)、CLS(0.1未満)。実際の利用者のデータで判定される。
  • Googleは基本的にスマホ版の内容で評価する。スマホで本文が欠けていないかを確かめる。
  • 構造化データは内容の意味を伝えるラベル。順位やリッチリザルトを保証するものではない。
  • 技術対策はインデックス→スマホ→Core Web Vitalsの不良→構造化データ→細かな調整の順に。

確認テスト

Q1. Core Web Vitalsの3つの指標の組み合わせとして正しいものはどれでしょう?

  1. LCP・INP・CLS
  2. LCP・FID・CTR
  3. INP・CTR・CVR
答えと解説

正解は1です。FIDは2024年3月にINPに置き換えられました。CTR(クリック率)やCVR(成約率)はマーケティングの指標で、Core Web Vitalsではありません。

Q2. PageSpeed Insightsのパフォーマンスのスコアについて、正しい考え方はどれでしょう?

  1. 100点にならないと、検索結果に表示されない
  2. スコアがCore Web Vitalsの合否そのものである
  3. 実験のデータにもとづく目安で、実際の利用者のデータで「不良」のページを減らすことを目標にする
答えと解説

正解は3です。スコアはラボデータにもとづく参考値です。Core Web Vitalsの評価は実際の利用者のデータで判定されるため、Search Consoleなどで不良のページを減らすことを目標にしましょう。

Q3. スマートフォン版のページで、本文の一部が表示されない作りになっていました。何が問題になりうるでしょう?

  1. パソコン版の評価だけが使われるので、問題はない
  2. Googleは基本的にスマホ版の内容で評価するため、その本文が評価の対象にならない可能性がある
  3. 広告が表示されなくなる
答えと解説

正解は2です。モバイルファーストインデックスでは、スマホ版の内容が評価の基本になります。大事な内容がスマホ版で欠けていないかを確認しましょう。

Q4. 開発の工数が限られているとき、最も優先度が高い技術対策はどれでしょう?

  1. 大事なページがインデックスに登録されていない問題を直す
  2. すでに「良好」なページを、さらに0.1秒速くする
  3. すべてのページに、使う予定のない構造化データを入れる
答えと解説

正解は1です。検索結果に載っていないページは、ほかのどんな対策をしても成果につながりません。インデックスの問題が最優先です。

次回予告

第8回は「被リンクとサイテーション」です。ここまではサイトの内側の話でした。次回は、ほかのサイトからのリンクや言及という「外部からの評価」が、どのように効くのか、そして避けるべき手法は何かを解説します。

参考資料

  • Google 検索セントラル「ページ エクスペリエンスが Google 検索の検索結果に与える影響について」 https://developers.google.com/search/docs/appearance/page-experience?hl=ja(2026年11月12日確認)
  • Google 検索セントラル「Core Web Vitals と Google 検索の検索結果について」 https://developers.google.com/search/docs/appearance/core-web-vitals?hl=ja(2026年11月12日確認)
  • web.dev「Interaction to Next Paint は正式に Core Web Vitals となり、First Input Delay に代わって 3 月 12 日に有効になります」(2024年) https://web.dev/blog/inp-cwv-march-12?hl=ja(2026年11月12日確認)
  • Google for Developers「PageSpeed Insights について」 https://developers.google.com/speed/docs/insights/v5/about?hl=ja(2026年11月12日確認)
  • Google 検索セントラル「モバイルサイトとモバイルファースト インデックスに関するおすすめの方法」 https://developers.google.com/search/mobile-sites/get-started?hl=ja(2026年11月12日確認)
  • Google 検索セントラル「Google 検索における構造化データのマークアップの概要」 https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data?hl=JA(2026年11月12日確認)
  • Wordtracker「Google to show fewer How-to and FAQ rich results in Search」(2023年8月のGoogleの発表の解説) https://keyword.wordtracker.com/blog/seo/google-to-show-fewer-howto-and-faq-rich-results-in-search(2026年11月12日確認)
  • Google 検索セントラル「Google ウェブ検索のスパムに関するポリシー」 https://developers.google.com/search/docs/advanced/guidelines/malicious-behavior?hl=ja(2026年11月12日確認)

この記事は役に立ちましたか?

いま読まれている記事ランキング

    ランキングをもっと見る →

    この記事の内容について

    掲載している情報の修正や削除をご希望の場合は、こちらからご連絡ください。

    修正・削除の依頼

    NEXTあわせて読みたい

    ツギノテの記事一覧へ

    編集方針

    • 各社の公式サイトを、確認日を書いて調べています
    • 掲載企業から報酬は受け取っていません
    • 有償の掲載がある場合は「PR」と明記します

    運営:株式会社Abin

    © Abin Co., Ltd.