1ワーク3:売れる商品ページ目安60〜90分
目的:商品ページ1枚を「売れる」構造で設計し、文章まで作る(縦の設計)。商品情報を元に設計する——先に型を決めて商品を当てはめるのではない。
10セクション構成(商品ページの骨格)
姉妹プロダクト「product-page-ad-text-generation」と共通の骨格。1本の文章にせずセクションごとに作る。
| # | セクション | 狙い |
|---|---|---|
| 1 | キャッチコピー | ファーストビュー。「自分向けだ・買いたい」と思わせる |
| 2 | 開発ストーリー | 作り手の想い、なぜこの商品が生まれたか |
| 3 | 利用シーンキャプション | 使っている場面を具体的にイメージさせる |
| 4 | 安心・信頼情報 | 安全性・検品体制。安心して買える裏付け |
| 5 | よくあるFAQ | 他の客の声・疑問への回答で背中を押す |
| 6 | プロのアドバイス | 専門家目線の比較・使いこなし方 |
| 7 | 設置ガイド | 使う前の不安(サイズ・互換性等)を解消 |
| 8 | 詳細スペック | 数値・素材・寸法などの事実情報 |
| 9 | 配送・保証情報 | 届くまで・届いた後の不安を解消 |
| 10 | クロスセル提案 | 関連商品の提案。最後の後押しと次の導線 |
商品によっては薄くなるセクションがあってよい(デジタル商品に「設置ガイド」は不要、等)が、まず10個すべてを検討してから間引く。
ダイレクト出版のセールスレターテンプレートを土台に本キットが独自に追加したもので、姉妹プロダクト自体には型選択の仕組みは無い(共通しているのは次項の「トーン」のみ)。型=どのセクションを厚く書くかの重み付けで、10セクションの骨格自体は型に関わらず固定。
手順
まず商品情報(商品名・価格帯・ターゲット・既存の商品説明)を確認・読み込む。それをもとにAIが最も適した型を1つ理由付きで推奨し、別の選択肢も2〜3個添えて提示する。トーン(standard/ときめき買い)もここで確認される。
| 型 | 向いている場面 |
|---|---|
| パソナ型(PASONA) | 悩み解決系(デフォルト推奨) |
| PASBECONA型 | 高単価・法人向け(デフォルト推奨) |
| ワイロ型 | 低単価・リード獲得 |
| ニュース提供型 | 新商品・新機能訴求 |
聞かれる前に、AIが10セクションそれぞれの質問リストと「回答例」を商品情報から自動生成する。
AIが作った例文を見ながら実際に回答する。未回答の質問があっても止まらない——商品情報や相場から推測して埋めてもらってよい。
型の重み付けとトーンに沿って、10セクションが個別に生成される。E-E-A-T(経験・専門性・権威性・信頼)と6W3H(When/Where/Who/What/Why/Whom/How/How much/How many)を満たしているか一緒に点検し、問題なければ承認する。修正指示が出たら該当セクションだけリライトされる。承認後、ページタイトル・メタディスクリプション・構造化データも生成される。
site-learnで接続したコードに反映(独自タグ厳守、カラーミーは65,530字チェック)。効果はsix-numbersの⑤転換率で後日確認する。
チェックポイント
- 10セクションのコピーが書けていればOK(これが完了の目安)
- 型・トーンが決まり、ヒアリング(回答例つき)を経ている
E-E-A-T・6W3Hの横断点検、SEOメタデータ・構造化データの生成、サイトへの反映は品質を上げる工程として引き続き案内されるが、修了の必須条件ではない。
2ワーク4:横断ページ目安45〜60分
商品ページ(縦)が複数(最低2〜3ページ)完成していないと、横断ページ(横)は作れない。Day1の並列進行ガイドと違い、ワーク3→ワーク4は必ず順番通りに進める。
目的:商品ページ(縦)を、サイト全体の集客に広げる(横)。転換率改善・離脱防止・SEO効果を同時に狙う。
縦軸と横軸の基本概念
自社ECサイトの商品ページを「縦軸」、関連ページを「横軸」として整理する。横軸の判定基準はシンプルに1つ:商品ページに繰り返し登場する共通の要素が、複数の商品ページにまたがって存在するなら、独立したページ(横軸)として切り出す。1つの商品にしか出てこない要素は横軸化せず商品ページ内で完結させる。
数・要素・順序のどれも先に決め打ちしない——これが本キット独自の設計です(横断ページに相当する機能は姉妹プロダクトには存在しないため比較対象がありません)。
横軸が必要になる条件と具体例(代表的な4パターン)
| パターン | 縦軸(商品ページ内の要素) | 横軸(独立ページ) |
|---|---|---|
| ① 会社概要 | メーカー紹介セクション | 会社概要ページ(ほぼ全商品共通=優先度高) |
| ② 生産地紹介 | 生産地の紹介セクション | 生産地ページ(離脱防止が主目的) |
| ③ 開発スタッフ紹介 | 開発したスタッフの紹介 | 開発チーム紹介ページ |
| ④ 原材料・品種の説明 | 使用している原材料・品種の説明 | 品種紹介ページ(条件付き=複数商品で使っていれば作る) |
手順
ワーク3の商品ページが複数(最低2〜3ページ)完成していることを確認する。できていなければproduct-pageに戻る。
全商品ページを横断的に見て、上記4パターン+サイト固有の共通要素を洗い出し、それぞれ何点の商品ページに登場するかを数える。
複数商品にまたがる要素が優先順位付けされ、横軸ページとして設計・作成される(1点のみの要素は対象外)。この手順が終わって初めて、横軸ページの本数・要素・優先順位のすべてが決まる。
商品ページ側は簡潔な紹介+横軸への内部リンク、横軸側からも関連商品への内部リンクを設置。site-learnで接続したコードに反映し、six-numbersの⑤転換率・④ユーザー数で効果を確認する。
チェックポイント
- 商品ページに繰り返し登場する共通要素が洗い出されている
- 複数商品にまたがる要素だけが横軸ページとして設計・作成されている
- 商品ページ⇄横軸ページが相互リンクで結ばれている
- 1商品にしか無い要素は無理に横軸化せず商品ページ内で完結している
これで課題2(商品ページ1本+サイト全体に広げる設計案1本)の材料が揃います。
3修了チェック目安10分
目的:課題1・課題2の要件を自己点検する。「Claude Codeに任せる」を修了判定まで貫く仕組み。
/shuuryou-check は「コマンド」(スキルとは別の仕組み)で、Claude Codeが会話の流れだけで自動的に起動することはありません。「課題ができているか確認して」のように話しかけても反応しないので、入力欄に /shuuryou-check と直接タイプ(またはコピペ)して送信してください。
/shuuryou-check課題1(Day2の2日前まで)
- 6つの数字のレポートが生成されている(実データ版・提出用仮数値版のどちらか一方でよい)
- ECいんぷる診断にもとづく改善が実際にサイトへ反映され、ビフォー/アフターのスクリーンショットが用意されている
- (前提)サイト接続ができている(カート型判定・コード取得・privateリポジトリへのバックアップ)
課題2(Day2後・2週間以内)
- 商品ページのコピー1本(ファーストビュー・E-E-A-T・6W3Hを満たし、ヒアリングシート経由で書かれている)
- サイト全体に広げる設計案1本(複数商品にまたがる共通要素が横断ページとして設計され、商品ページと内部リンクで結ばれている)
4特典2施策
「どのタイミングでも呼び出せる」特典スキル。Day1/Day2の作業と並列で進めても構いません。時間があれば取り組んでください。
marketing-strategy
「誰に・何を・どう伝えて・どの数字で勝つか」を1本の筋に通す。six-numbersのボトルネックから始まり、誰に(7サブステップ)・何を(4サブステップ)・どう伝えるか(導線・ファネル・媒体)の4本柱、全11サブステップで戦略を1枚にまとめる。
戦略を立ててseo-strategy
検索から来る見込み客を増やし、来た人が買う流れをキーワードとページ構造でつくる。キーワード設計(指名/購入直前/知りたいの3層)→ページ設計(1ページ1テーマ)→内部・技術、の3層構造。
SEO戦略を作って詳しい手順はこの手順書には書きません——話しかければ、各スキル自身が対話の中で案内します。