みんな、最近どう？ちょっとモバイルSEOについて考えてたんだけど、面白いことに気づいてさ。結構みんな「スマホ対応はレスポンシブにしとけばOKでしょ？」って思ってない？🤔 正直、それだけじゃもう全然足りないんだよね。
TL;DR（結論を先に言うと）
要するに、今のGoogleは「スマホで見たときに、ただ表示される」だけじゃなくて、「めちゃくちゃ速くて、ストレスなくサクサク使えるか」を見てるってこと。これができてないと、どんなに良いこと書いても、検索順位はじわじわ下がっていく可能性があるんだ。マジで。😱
「なんかウチのサイト、スマホからだと直帰率高いな…」って思ったら読んでみて
よくある話なんだけど、PCではちゃんと見てもらえるのに、なぜかスマホユーザーだけすぐ帰っちゃう…。これ、もしかしたらモバイルの使い勝手（ユーザビリティ）が原因かもしれない。例えば、「ボタンが小さすぎて押しにくい」とか、「ページの表示がなんか遅い」とかね。 ユーザーって、ほんの数秒の遅延とか、ちょっとした使いにくさでびっくりするくらい簡単に離脱しちゃうから。
実際、僕が前に関わったサイトで、モバイルメニューのリンク同士が近すぎて誤タップしやすいっていう問題があったんだ。 それを修正したら、そのページの直帰率が目に見えて改善したことがある。こういう小さなことの積み重ねが、実はすごく大事なんだよね。
じゃあ具体的にどうすんの？8つの技術ポイントと手順
OK、じゃあ本題。具体的にどこをどうすればいいのか、僕がいつもチェックしてる8つのポイントを共有するね。これ、ただのリストじゃなくて、実装の「考え方」も含めて話すから、ぜひ参考にしてみて。
1. レスポンシブデザインは「当たり前」の大前提
これはもう基本中の基本。だけど、意外と「viewport」の設定が間違ってたりすることがある。 ページの`
`タグ内に、ちゃんと `` が入ってるか、まず確認しよう。これが無いと、スマホで見たときにPCサイトがそのまま小さく表示されちゃって、もう最悪。2. Core Web Vitals、特に「INP」を意識する！
ここがポイント！LCP（表示速度）やCLS（レイアウトのズレ）はもうみんな気にしてると思うんだけど、2024年3月から新しくCore Web Vitalsの仲間入りした「INP（Interaction to Next Paint）」が超重要になってる。 これは、ユーザーがボタンをタップしてから、画面が反応するまでの時間のこと。 FIDっていう古い指標に代わったんだけど、こっちはページ全体の応答性を見てるから、もっと厳しい。 INPが200ミリ秒未満なら「良好」だけど、500ミリ秒を超えると「不良」の烙印を押されちゃう。 JavaScriptの重い処理が原因なことが多いから、PageSpeed Insightsとかで自分のサイトをチェックしてみて。
3. モバイルユーザビリティの細かいエラーを潰す
Google Search Consoleの「モバイルユーザビリティ」レポート（最近はページエクスペリエンスレポートに統合されつつあるけど）は毎日チェックした方がいい。よくあるエラーはこれだね。
- テキストが小さすぎて読めません: フォントサイズは最低でも16pxが目安かな。個人的には。
- クリックできる要素同士が近すぎます: ボタンとかリンクは、指で押しやすいように十分な間隔（マージン）を空けること。
- コンテンツの幅が画面の幅を超えています: 横スクロールしないと全部見えない状態。CSSで画像の `max-width: 100%;` を設定し忘れてることが多い。
こういうエラーが出たら、すぐ修正して「修正を検証」をリクエストしよう。
4. ページの表示速度、マジで大事
さっきのINPもそうだけど、サイト全体の表示速度は命。特に画像！ ファイルサイズがめちゃくちゃ大きい画像をそのままアップしてない？ 「Squoosh」みたいなツールで圧縮したり、次世代フォーマットのWebPを使ったりするだけで、かなり速くなる。 あと、ブラウザのキャッシュを有効にしたり、不要なCSSやJavaScriptを削除したりするのも基本だね。
5. 構造化データでリッチリザルトを狙う
モバイルの検索結果って、PCより画面が小さい分、通常の結果以外の「リッチリザルト」（FAQとかレビューとか）が目立つんだ。こういうのを表示させるには「構造化データ」をページに埋め込む必要がある。例えば、よくある質問をまとめたページなら、FAQスキーマを追加すると、検索結果に質問と回答が表示されることがある。これはクリック率に直結するから、やらない手はないよ。
6. モバイルファーストインデックス（MFI）を理解する
もうだいぶ前からだけど、GoogleはPCサイトじゃなくて、スマホサイトを基準に評価してる（これをモバイルファーストインデックスって言う）。 だから、「PC版にはこの情報あるけど、スマホ版はシンプルにするために省略しちゃえ」っていうのはNG。PC版とスマホ版でコンテンツ量を同じにすることがすごく大事。 Search Consoleで自分のサイトがMFIに移行済みか確認できるよ。
7. ローカルSEOを意識する
スマホで検索する時って、「近くのラーメン屋」みたいに、今いる場所に関連した情報を探すことが多いでしょ？ だから、お店や会社の情報を扱うサイトなら、Googleビジネスプロフィールをちゃんと整備して、住所や営業時間を正確に載せることが超重要。サイト内にも、地名を入れたコンテンツを作ると効果的だよ。
8. 音声検索もちょっとだけ頭に入れておく
「OK Google, 今日の天気は？」みたいに、音声で検索する人も増えてる。音声検索は、話し言葉で、より具体的な質問になる傾向がある。だから、コンテンツを作るときに、「〇〇とは？」みたいな、質問に直接答える形のQ&Aコンテンツを入れておくと、音声検索で拾われやすくなるかもしれない。 まだまだ発展途上だけど、頭の片隅に入れておくといいかもね。
結局どれからやればいいの？インパクトと手間の比較表
やること多すぎてわからん！ってなるよね。わかる。だから、独断と偏見でインパクトと手間をまとめてみたよ。あくまで僕の感覚だけどね！
| 施策ポイント | インパクト（効果の大きさ） | 手間（実装の難易度） |
|---|---|---|
| Core Web Vitals (特にINP) 改善 | すごく大きい。これが悪いと致命的になりうる。 | 結構大変。JavaScriptの知識が必要なことも。でもやる価値アリ！ |
| ユーザビリティエラー修正 | 大きい。ユーザーのイライラを直接解消できるから。 | そんなに難しくない。CSSの修正がほとんど。地道にやればOK。 |
| 表示速度改善（画像圧縮など） | 大きい。体感で一番わかりやすい部分。 | 簡単。ツールを使えばすぐできることから始められる。 |
| レスポンシブ対応（Viewport設定） | 超基本。これができてないと話にならない。 | 超簡単。1行コードを追加するだけ。今すぐ確認！ |
ありがちなミスと注意点
モバイル最適化でよく見る失敗は、「やりっぱなし」なこと。特に、Googleの公式ドキュメント（結構英語が多いけどDeepLとかで読める）と、日本のユーザーの実際の行動には少し差があることも。例えば、海外ではAndroidのシェアが高いけど、日本ではiPhoneユーザーが圧倒的に多いから、Safariでの表示崩れには特に気をつけたいよね。こういう地域差を無視して、海外の流行りをそのまま真似すると、かえって使いにくくなったりするから注意。
あと、Search Consoleでエラーが「0」になったからって安心しちゃダメ。 あれはあくまでGoogleが機械的にチェックしてるだけ。実際に自分のスマホでサイトを使ってみて、「あれ、このボタン押しにくいな…」みたいな、”感情的”な部分を感じ取ることが一番大事なんだよ。
まとめ：ユーザーをがっかりさせないサイトを作ろう
色々テクニカルな話をしちゃったけど、突き詰めるところ、モバイルSEOって「スマホでサイトを見てくれた人を、がっかりさせないための思いやり」なんだと思う。表示が遅くてイライラさせない、ボタンが押しにくくてイライラさせない…。そういう細かい配慮の積み重ねが、結果的にGoogleからの評価にも繋がっていく。
まずは、PageSpeed InsightsとSearch Consoleで自分のサイトをチェックするところから始めてみよう！ 何か発見があるはずだよ。
みんなのサイトは、どんなモバイルの課題がある？もし良かったらコメントで教えて！
