Communitygithub.com

ClickCoSupport/website-strategic-copy

ユーザーが特定の訪問者を明確な行動喚起(例:「無料通話を予約」「価格を見る」「今すぐ購入」)に導くためのウェブサイトコピー、ランディングページ、セールスページの作成を依頼されたときに使用します。また、ウェブサイトやファネルの戦略的な構造・セクションの計画、または読者が自分の悩みを自分ごととして捉え、行動喚起へとつながるようなコピーを書く際にも使用します。

website-strategic-copy とは?

このスキルは、コンバージョンに特化したウェブサイト・ランディングページコピーを執筆するための体系的な手法を提供します。具体的な読者のペインポイントに深く共感させ、提供するサービスへの欲求を高め、明確な行動喚起(CTA)へと導くことを目的としており、無駄のない最小限の言葉で構成されます。コピーを書く前に入力情報(対象ユーザー、サービス内容、ペインポイント、証拠、CTAなど)を徹底的に収集することを重視し、曖昧な表現や当てずっぽうを排除します。PAS、AIDA、StoryBrandなどのコピーライティングフレームワークを選択可能で、特定の現実(例:就学前施設の園長の日常)を反映した具体的なナラティブを用いて、共感、問題の増幅、約束、証拠提示、コンバージョンという一貫した流れを構築します。どんなプラットフォーム(Claude Code、Cursor、Codexなど)でも利用可能な、プロンプトベースのスキル定義です。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ClickCoSupport/claude-skills/tree/HEAD/website-strategic-copy

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ウェブサイト戦略的コピー

コンバージョンに特化したウェブサイト/ランディングページコピーを執筆するための方法論です。特定の読者が自分のペインポイントに深く共感し、提供するサービスへの欲求を高め、明確なCTAへと導くことを目的としています。無駄な言葉は一切使わず、最小限の表現で構成します。

執筆前に:入力情報を収集する

以下の情報が揃うまでコピーの執筆を開始しないでください(不足している場合は質問し、推測したり一般的な表現で埋めたりしないでください)。

  1. サービスの対象者 — 幅広いカテゴリではなく、具体的な人物/役割(例:「就学前施設の園長」)。
  2. サービスの実際の内容 — 仕組み、提供内容、成果物。
  3. 対象者の日常/生活様式 — 日々の現実を具体的かつ詳細に。単に「忙しいプロフェッショナル」といった一般論ではなく、具体的でリアルな表現ほど共感を得られます。
  4. サービスが解決する中核的なペインポイント — 婉曲表現ではなく、率直に名前を挙げます。
  5. 証拠/具体的事実 — 実際の数字、実名、実際の成果。曖昧な証明主張は決して受け入れず、作成もしません。
  6. CTA(行動喚起) — サイトが促進すべきアクション(例:「無料通話を予約」「価格/パッケージを見る」)と、その制約(無料通話の時間など)。
  7. トーン/ブランドの制約 — ユーザーが指定した声のトーンに関するもの。

1〜6のいずれかが不足している場合は、ドラフト作成前に質問してください。ペインポイントや提供内容を推測すると、一般的なコピーになり、この方法の目的が完全に損なわれます。

コアコピーライティング原則(すべてのセクションに適用)

  • 人々には無駄を読む時間はない。 すべての文は役割を果たさなければなりません(共感、問題増幅、証明、CTAへの誘導)。これらの役割を果たしていない文があれば、削除するか短縮します。
  • 曖昧さよりも具体性を、常に。 「1,000以上に信頼されています」は弱い。「1,432人の就学前教育園長が6州で信頼しています」は強い。数字、主張、詳細が一般的なままになっている場合は、具体的なバージョンが入手可能か、ユーザーに依頼できるなら、決してそのままにしないでください。
  • 摩擦を減らす。 業界の専門用語や、読者が解読しなければならない内部用語は使わない。あたかもその人と直接話しているかのように書き、あるカテゴリーの人を描写するように書かない。
  • 売り込む前に共感する。 読者の実際の日常体験と苦しみを映し出すことから始めます。具体的で、「どうしてそれを知っているんだ」と思わせるほどに。その共感が伝わった後に初めて、提供内容へと話を移します。
  • 明確な約束。 ページは、平易な言葉で、解決する具体的なペインポイントと具体的な成果を述べなければなりません。「もっとサポート」のような曖昧な利益ではなく、「毎週、入学者数の漏れを自分で直さなければならない状態から解放される」といった具体的な約束です。
  • 行動を促す前に欲求を構築する。 欲求は、変化後の状態(具体的で、五感に訴え、彼らの実際の日常に結びついたもの)を描くことから生まれます。「すばらしい」「革新的」といった形容詞からは生まれません。
  • CTAの明確さ。 すべてのセクションで次に何をすべきかが明確でなければなりません。複数のCTA(例:「無料通話を予約」と「パッケージ/価格を見る」)は、それぞれ自然な意思決定ポイントに配置し、ページ下部に一度だけ配置するのは避けます。

コピーライティングフレームワーク(共感→コンバージョンの流れを構築するために1つ選択)

提供内容に合ったフレームワークを使用するか、それらをブレンドします。これらは同じ基礎的な流れ(共感→問題増幅→約束→証明→コンバージョン)の異なるレンズであり、競合するシステムではありません。

  • PAS(Problem–Agitate–Solution:問題→増幅→解決策): ペインポイントを率直に挙げる → そのままにしておくことの本当の代償を増幅する → サービスを解決策として提示する。
  • AIDA(Attention–Interest–Desire–Action:注意→興味→欲求→行動): スクロールを止める大胆で具体的な主張で始める → 具体的な詳細で興味を構築する → 変化後の状態への欲求を構築する → 行動を促す。
  • StoryBrand: 読者は問題を抱えたヒーローである → ブランドや人物(例:Estee)はヒーローではなくガイドである → ガイドはシンプルな計画を示す → 読者に行動を促す → 成功した結果(または行動しなければ失敗する)を示す。

デフォルトはPASです。これは特に、ペインが大きく、圧倒されたオーディエンス向けの提供内容(就学前施設の園長の日常的な現実に特に適合)に適しています。ユーザーが別途指定した場合を除きます。

標準的なセクション構成

必要に応じて調整しますが、戦略的なシングルページ(またはシングルフローのマルチページ)サイトのデフォルトの骨組みは以下の通りです。

  1. ヒーロー/共感のフック — 読者の具体的な役割と具体的な日常の苦しみを、前置きなしに即座に一言で示す。サブラインで約束を述べる。主要なCTAボタンをここに配置。
  2. 「これがあなたの一日」ミラーセクション — 読者が経験する正確な苦労の瞬間を、短く具体的なナラティブまたはリストで示す(「あなたは忙しい」という一般論ではなく、実際のシナリオ)。ここで共感を構築します。
  3. 現状の代償 — 何も変わらなければ、静かにかかっている代償(時間、お金、ストレス、入学者数の損失など)。抽象的ではなく具体的に。
  4. 約束/リフレーム — このサービスを利用すると何が変わるかを平易な言葉で述べる。ページ内で最も明確で短いセクション。
  5. 仕組み — 最小限のステップ(最大3〜5)、専門用語なし、プロセスではなく救済に焦点を当てる。
  6. 証拠 — 具体的な数字、可能な限り具体的な名前/組織、具体的な成果。曖昧な社会的証明は避ける。
  7. パッケージ/価格CTAセクション — 詳細を評価する準備ができている読者向けに、「パッケージ/価格を見る」パスを明確に示す。複数の階層がある場合は、シンプルな機能比較表を示し、推奨するものをマークする。ただし、実際の成果物のみを使用し、架空のものは決して作成しない。
  8. 低コミットメントCTAセクション — 価格を決める準備がまだできていない読者向けに、無料通話オファーを、リスクが低く具体的な内容(例:「30分、営業なし、現状を見るだけ」)として提示する。
  9. FAQ/反論処理 — この特定のオーディエンスが持つであろう5~7の実際の反論(価格、時間、「以前にもコンサルタントを試したことがある」、「自分の規模の学校でもうまくいくのか」など)に対して、平易かつ自信を持って回答する。実際の見込み客から聞いたことがある場合は、ユーザーから実際の反論を引き出す。一般的なSaaSの反論を創作しない。
  10. クロージング — 共感と約束への短い再言及+最終的なCTA(両方のオプション)。

社会的証明のフォーマット

testimonial や case study が利用可能な場合、以下の構造で提示する:引用(具体的で具体的な主張に絞る)+名前+役割+組織。1行のケーススタディスニペット(具体的なビフォー/アフター、具体的な数字)は、一般的なプルクオートよりも効果的です。 testimonial、名前、指標を決して捏造しないこと。ユーザーが提供していない場合は、ブラケット付きのプレースホルダーを残し、もっともらしいものを創作するのではなく、実際のバージョンを依頼する。

CTAボタンのコピー

  • 一般的なラベル(「送信」や「もっと詳しく」)ではなく、特定の成果に結びついた行動動詞で始める(「30分の無料通話を予約する」が優れている)。
  • 自然に読める場合は一人称を使用する(「パッケージを見せてください」)。
  • 曖昧な緊急性ではなく、実際の提供内容の詳細(通話時間、次のステップ)を反映する。
  • 2つのCTAは明確に異なる要求であるように、変化をつける。通話CTAは低コミットメント/探索的な印象に、パッケージCTAは評価する準備ができている印象にする。

「緊急性」「保証」「パワーワード」に関する注意

一般的なコンバージョンコピーのアドバイスでは、緊急性/希少性要素、返金保証のコピー、そして定番のパワーワード(「実証済み」「保証付き」「即時」「簡単」)が求められることがよくあります。これらは、提供内容に文字通り当てはまる場合(実際の期限、Esteeが実際に提供する本当の保証)にのみ使用してください。偽の緊急性や希少性を製造したり、具体的で真実の主張の代わりに一般的なパワーワードに頼ったりしないでください。それは、このスキルが基盤としている「誇大宣伝なし、曖昧な主張なし」という中核原則に反します。ユーザーの提供内容に実際の保証や実際の期限付き要素がある場合は、誇大な言葉ではなく、平易で具体的な言葉で記述します。

すべてのプロジェクトがここに挙げた9つのセクションすべてを必要とするわけではありません。ユーザーの特定の提供内容に基づいて、セクションを統合したり順序を変更したりしますが、基礎となる流れ(共感 → 問題増幅 → 約束 → 証明 → コンバージョン)は維持します。

編集パス(納品前に必ず実行)

各段落について、以下を自問します。

  • この文は読者をCTAに近づけているか?そうでなければ、削除または圧縮する。
  • 曖昧な主張を具体的なものに置き換えるべきか?まだ提供されていない場合は、実際の数字/詳細についてユーザーにフラグを立てる。
  • 実際の就学前施設の園長(または同等の役割)が自分の日常について頭の中で使わないような専門用語がないか?あれば、彼女の実際の言葉に置き換える。
  • 具体的で詳細な情報を失うことなく、より少ない言葉で表現できるか?できる場合は短縮する。

出力形式

セクションごとに整理された、クリーンなウェブサイトコピーとして納品する(セクションヘッダーはラベルとして、必ずしも画面上の見出しと同じである必要はない。どちらがよいかユーザーに確認すること)。CTAボタンをインラインで配置すべき場所を明記する。実際の数字、名前、証明ポイントがまだ必要な箇所には、創作せずにフラグを立てる。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル