本文へ移動する
06-7777-3960受付 月〜土 9:00〜18:00
無料で相談する→

サービス何をつくるかは、話してから決めましょう。

サービス一覧を見る

SEO対策公開 更新

SEOとUXの両立 方法を徹底解説

この記事で分かること

SEOとUXを一緒に見直すなら、検索から訪れた人が一ページで疑問を解けるかを先に確かめます。見出しや内部リンクを整えて検索エンジンが内容を見つけやすくしても、読者が必要な条件を見つけられなければページの役割を果たせません。

読み方

SEOとUXを一緒に見直すなら、検索から訪れた人が一ページで疑問を解けるかを先に確かめます。見出しや内部リンクを整えて検索エンジンが内容を見つけやすくしても、読者が必要な条件を見つけられなければページの役割を果たせません。反対に見た目だけを変えても、検索結果で伝えた内容と本文が食い違えば期待に応えられません。

この記事はサイト全体の作り直しではなく、一ページを選んで内容、構造、操作を点検する順番を示します。どのページを優先するかという全体計画はWebサイト戦略の記事で扱います。

一ページで解く疑問を決める

まず実際に読まれるページを一つ選び、「この検索語で来た人が何を知り、何を判断したいか」を書き出します。商品名で探す人には仕様や対応範囲、比較中の人には違いや条件、利用を決めた人には相談方法が必要かもしれません。検索語だけを本文に増やさず、質問への答えがページの目立つ場所にあるかを確認します。

Googleのユーザーを第一に考えたコンテンツの説明は、独自の情報、十分な説明、内容を表す見出しやタイトルなどを自己評価の問いに挙げています。既存ページの用語や事例は、事業の実態と一致するものを生かします。出典を確認できない実績、数値、声を足して信頼を作ろうとしないでください。

検索語の意図、ページの答え、次の行動、実画面の確認を四段階で示す図
検索結果で抱いた期待から、ページでの判断までを一続きで見ます。

見出しと本文を読者の順番に並べる

見出しは検索語の反復場所ではなく、読者が必要な段落へ進むための案内です。最初に答えを置き、その後に条件、具体例、次の手順を並べると、途中から読んでも要点を探しやすくなります。専門用語は必要なときに使い、初めて読む人には意味と適用範囲を補います。W3C WAIの見出しとラベルの説明も、見出しが後に続く内容や機能を説明することを重視します。

たとえば製品の対応条件を探す人が多いのに、長い会社紹介の後でしか条件を読めないなら、条件の節を前へ移す判断ができます。語句を追加する前に、現行の見出しと本文に答えがあるかを確かめます。検索語と違う表現でも、読み手に意味が伝わるなら無理に言い換える必要はありません。

内部リンクは次の判断を助ける場所に置く

読み手が詳しい手順や相談条件を知りたい箇所から、関連する公開ページへ進めます。「こちら」だけでは行き先が分かりにくいため、リンク文で内容を示します。Googleのリンクに関する説明は、通常の<a href>でクロールできるリンクと、簡潔で関連するアンカーテキストを勧めています。リンク数の理想値は示していません。実際に開けることと、読者の次の疑問に合うことを優先します。

ページ末尾に無関係な記事を大量に並べても、目的へ進む助けにはなりません。製品仕様から相談するなら相談先へ、画像が重くて待たされるなら画像と表示速度の確認手順へ、と文脈でつなぎます。修正後はリンク切れと行き先の公開状態を確認します。

スマートフォンで読めて操作できるか試す

PCで整ったページでも、スマートフォンでは表がはみ出す、画像内の文字が小さい、メニューが本文にかぶることがあります。実機または近い画面幅で、冒頭の答え、表、図、リンク、問い合わせの順に触れて確かめます。必要な情報を図の中だけに置かず、本文や代替テキストでも伝えます。画面幅ごとの詳しい点検はスマートフォン対応の記事へ分けます。

Googleのページエクスペリエンスの説明は、Core Web Vitalsに加えてモバイル表示やコンテンツの妨げなど全体を見るよう案内しています。良いスコアだけで上位表示は保証されません。読者が困る実際の表示を直すことと、計測値を改善することを分けて考えます。

点検する場面読者の困りごと最初の修正
冒頭探した答えが見えない要点と条件を先に示す
見出し必要な節を探せない節の内容が分かる文にする
リンク行き先が分からない内容を表す言葉で案内する
スマートフォン表やボタンを操作できない実画面で幅と重なりを直す

変更を一つに絞って前後を比べる

一ページの問題を見つけたら、まず内容の不足か、探しにくさか、操作の妨げかを分けます。変更前の見出し、リンク、画面の状態を控え、修正後に同じ手順で確認します。表示速度が主な問題なら画像の大きさや読み込み順を測り、文章の問題なら検索語に対応する答えと実際の質問を比較します。複数の箇所を同時に変える場合は、結果の原因を一つに決めつけないでください。

Search Consoleなどの検索での表示・クリック、アクセス解析での対象ページ閲覧、実際の問い合わせは異なる記録です。期間とページをそろえ、計測が動いているか確認してから前後を比べます。順位が上がった、滞在時間が延びたという一つの数値だけで利用者が満足したとは言えません。逆に数件の変動だけで改善を失敗と決めないことも大切です。

一ページの内容、見出し、リンク、表示、結果を順番に点検する図
見つける、読む、進む、操作する、結果を確かめる順番で点検します。

まず一ページの点検から始める

検索語に合う答えがあるか、見出しで探せるか、次に進むリンクが分かるか、スマートフォンで使えるかを一ページで確認します。問題を一つ選び、修正前後の画面と数値を残してください。テーマ全体の構造や複数ページの役割まで整理したい場合は、Bämの相談ページから対象URLと困っている場面を伝えられます。

参考資料

次の一歩読んだあとに

会社の場合も、考えてみませんか。

この内容を相談する→

SEO・集客支援を見る →

この記事を書いた人

Bäm[バム]運営事務局株式会社みやあじよ

株式会社みやあじよの担当者が、調査、執筆、編集、公開前の確認を行います。出典・数字・固有名詞・リンク・読みやすさを、公開の前に人が確かめます。

調べて、書いて、確かめてから公開します記事について連絡する

無料で相談する →