1. ホーム
  2. 通読
  3. 部2 Webへの翻訳
  4. 2-4

部2 Webへの翻訳 2-4

複数商材のプロダクトページ

この章で決めること:商材ごとの正規URLと、一覧ページのカード文1文を決める。

読む目安 20分 / 最終確認 2026-11-11 / 元の章:docs-site「複数商材がある場合のプロダクトページの作り方」

一覧と個別の役割

1枚の「事業内容」に全部を載せると、探す人はどれに問い合わせればよいか分かりません。

ページは、選ばせる一覧と、1商材1URLに分けます。1ページに載せる事実は、サービスページのヒアリングシートで担当者から取ります。コラムは入口で、このページが「頼む相手」になります。

一覧・個別・コラムの仕事
ページ 来る人 仕事
商材の一覧(ハブ) 社名で来た人、どれを頼むかまだ決めていない人 商材を見分けて、個別のページへ送る。詳細は書かない
個別のプロダクトページ 「地域+その商材」で探す人、一覧から来た人 この商材を頼んでよいか判断してもらい、この商材の問い合わせまで連れていく
コラム・事例 困りごとで探す人 個別のページへ橋を架ける。商材の全部をコラムに書かない

個別のページが無いと、検索で来た人も、全部入りの会社案内に着地します。問い合わせの文面も「何についてか」が空になります。

1商材1ページに書くもの

順番は固定してよい。上から、判断に必要なものです。

  1. 誰向けの、何の商材か(地域、相手、今の困りごと。英語のカテゴリ名だけにしない)
  2. 頼んだあとに起きること(見積、現地、月額の開始、お試し。共通のフッターより先に、この商材の行動)
  3. 範囲と条件(含むもの、含まないもの、エリア、納期、最低の台数や人数)
  4. 比べる材料(料金の出し方、流れ、数字と条件、近い事例、FAQ)
  5. この商材の問い合わせ(電話とフォーム。既存のお客さんの修理窓口があるなら、新規と分ける)
  6. よく一緒に頼む他の商材(本文の主役を奪わない。リンクは「次に見る」)

title と description も、この商材の探す言葉を先頭にします。型は部3のhead(title・description)の直し方にあります。

1ページの主題は1商材です。ある商材のページに、別の商材の説明を全文で載せません。必要なのは「よく一緒に頼む」1〜2本のリンクです。

一覧ページに書くもの

  • 商材の数だけ、短い紹介を並べる。各商材は「誰向けか」1文と、個別URLへのリンク
  • リンクの文言は「詳しく見る」の繰り返しにしない。商材名を入れる
  • 対応エリアと、新規の電話・フォームは、一覧にも短く置く
  • 料金表・全FAQ・全事例は一覧に置かない。個別へ送る

ナビの商材名、一覧の見出し、個別のH1は、同じ呼び方にします。5本目だけ別名、は選ぶ人を迷わせます。

他の商材の出し方

他の商材の出し方
よい 弱い
この商材を売り切ったあと、「同じお客さんが次に頼むもの」を1〜2個 全ページ同じ全事業の長い案内を、本文の代わりにする
セットが条件なら、条件として先に書く セット販売なのに、別のURLで食い違う条件を書く
既存のお客さん向けの窓口は、新規のプロダクトページと入口を分ける 新規の見積ページで一番目立つボタンが、既存の修理になる

名前とURLを揃える

揃える場所と、起きやすい事故
揃える場所 事故
社内の呼び方、ナビ、H1、title ナビは日本語の商材名、title は英語のカテゴリ名、本文は社内の愛称で、3つの商品に見える
1商材に1つの正規URL 同じ商材のページが2つあり、エリアや実績が食い違う
問い合わせフォームの「種別」 ページでは4商材なのに、フォームの選択肢が別物

同じ商材を2つのURLで厚くしているなら、片方を正規にして、もう片方は転送します。2つを両方とも検索の着地にしません。広告専用のLPを別に持つときの条件は、受け皿:サイトとLPにあります。

やらないこと

「総合力」を1ページに全部書くと、検索でも問い合わせでも主題が消えます。総合力は、個別のページのあとで見せます。

  • 一覧も個別も、英語の SERVICE だけがH1
  • 個別のページの「強み」の見出しが空、事例のタイトルが感想だけ
  • 料金・対象エリア・対応時間が、商材のページと会社のフッターで食い違う
  • 扱っていない関連商品まで載せて、流入だけ取る

ページ設計メモ(商材ごと)

ページ設計メモ(商材1つにつき1枚)
項目 記入
このURLの商材名(社外向け)  
正規URL  
誰向けか(1文)  
含まないもの/他のページへ送るもの  
このページの次の行動(新規)  
よく一緒に頼む商材(2つまでとURL)  
一覧ページの紹介文(1文)  

この章で使う道具 サービスページのヒアリングシート 施策のヒアリングシート サイト改修のヒアリング

この章のチェック

この章で起きやすい失敗

  • 全商材を1枚の「事業内容」に載せ、問い合わせの文面が「何についてか」空になる
  • 同じ商材のページを2つ作り、エリアや実績を食い違わせる

ほかの領域の失敗は よくある失敗(領域別) にまとめています。

出典とこの章の扱い

  1. 本文:docs-site「複数商材がある場合のプロダクトページの作り方」(2026-09-16版)を移植。末尾の案件への当てはめへのリンクを外し、案件に固有の商材名の例を、どの会社にも当てはまる書き方に直した
  2. 「2つを両方とも検索の着地にしない」:旧版の「両方を広告と検索の着地にしない」を、受け皿の章のLPの条件に合わせて言い直した(構成案の矛盾 No.7)
  3. 一覧と個別の分け方、書く順番:この資料の判断。Google などが義務づけた手順ではない