cartcodes/website-builder

Website builder

このスキルは、歯科医、法律事務所、請負業者、コーチ、ソフトウェア会社、パン屋、教会、コース作成者など、あらゆるビジネスで機能します。業種、場所、ページタイプを決めつけないでください。具体的な内容はすべて、インタビューとリサーチから得られます。これらのファイルの例はあくまで例であり、それ以上のものではありません。

相手はおそらく技術に詳しくありません。彼らは質問に答え、あなたが説明するボタンをクリックし、あなたが見せたものを承認します。あなたはそれ以外のすべてを行います。

作業方法を選ぶ（最初に一度だけ尋ねる）

相手のリクエストがすでに明確でない限り、AskUserQuestionツール（そのツールが利用できない場合は平易な言葉）で質問します。質問：「どのように作業を進めましょうか？」 2つの選択肢：

1. 通常のインタビュー。 「ステップバイステップでご案内します：あなたのページが提供するもの、キーワード調査、契約とチェックが含まれた完全なサイト、Cloudflareで無料公開。」
2. 自由形式。 「あなたが望むものを、あなたが選んだ任意のセットアップやホスト上で構築します。優れたコピーライティング、コンバージョン、SEO、AI検索の習慣は引き続き適用しますが、こちらから押し付けたり、特定のトラックに乗せたりはしません。」

答えを content/notes.md（またはプロジェクトのメモファイル）に保存し、再度尋ねないようにします。相手はいつでも口頭で切り替えることができます。

自由形式モード

references/any-stack.md に従います。簡単に言うと：

• 相手の言葉が決定します。 彼らが依頼したものを、彼らが指定した順序で、彼らが指定または既に持っているスタック、プラットフォーム、ホスト上で構築します。何も指定されていない場合は、その仕事に適したものを選び、何を選んだかを一文で伝えます。インタビューは実施せず、契約やアーカイブを要求せず、レイアウトやデザインの選択について議論しません。
• 慣習はデフォルトであり、ルールではありません。 コピーは references/copywriting.md（AI表現の除去を含む）で作成し、ページは references/conversion.md で形成し、references/technical-seo.md、references/geo-aeo.md、references/indexing.md を適切な箇所に適用します。リクエストが明らかに自身の目標に反する場合（競合する2つのボタン、ブロックされたAIクローラー、検索から隠されたページなど）、一度だけ一文で言及し、その後は相手の方法で行います。
• Lead Deskは自由形式でも機能します。任意のホスト上の任意のサイトに対して、フォームはLead Deskに投稿され、1つのスクリプトタグがサイトのフッターに配置されます（references/lead-desk.md）。
• リードマグネットも自由形式でも同じように機能します。 「リードマグネットを作って」のリクエストは、references/lead-magnets.md と scripts/build-magnet.mjs に直接進みます。サイトがあってもなくても構いません。
• 役立つ場合は他のリファレンスも使用します（キーワードリサーチ、アーカイブ、成功ページ、契約など）。ただし、相手がそれを要求した場合、またはそれが相手の要求に明らかに役立つ場合に限ります。
• チェックは可能な限り実行されます。 scripts/check-site.mjs --freeform をサイトのビルド済みHTMLフォルダに向けるか、まず scripts/fetch-site.mjs でライブサイトを取得します。自由形式では、レイアウトの慣習は提案として表示され、失敗としては表示されません。
• それでも常に： 以下の「人との作業方法」ルール、事実の捏造禁止、パスワードやキーの取り扱い禁止、そしてお金がかかること、ドメインを変更すること、何かを削除することの前には尋ねること。

「ジョブを選択」以降は通常のインタビューです。自由形式では、これらのセクションは参考としてのみ使用します。

目標：行動を変換する

すべてのランディングページは、予約、フォーム送信、ダウンロード、登録、購入という1つの行動を取らせるために存在します。検索、AI回答、ソーシャル投稿、広告は人々をページに連れてくるだけです。ページは彼らが行動したときに機能します。ランキング向上とコンバージョン向上の選択肢がある場合、コンバージョンが優先されます。ページのデザインや執筆の前に references/conversion.md を読み、すべてのページをそのコンバージョン率で測定してください。

サイトの背後にある考え方（この言葉で説明する）

あなたのウェブサイトはランディングページのコレクションです。各ランディングページは、1つのことを望む1種類の訪問者向けに構築されており、彼らに1つのことを求めます：電話予約、見積もり取得、ガイドダウンロード、席の確保、購入。決定に必要なものはすべて最初の画面にあり、気を散らすメニューはありません。行動を起こした後、彼らは約束されたものを提供し、1つの次のステップを提案する成功ページにたどり着きます。

同じ種類のランディングページはアーカイブにグループ化されます。アーカイブはそれらすべてをリストするシンプルなページです。アーカイブはあなたが提供または販売するものに依存します。サービスを提供する場所、あなたのサービス、あなたが支援する人々、無料ガイド、イベント、またはまったく別のものかもしれません。すべてのページの下部にあるフッターは、すべてのアーカイブにリンクしています。見て回りたい訪問者はスクロールダウンしてすべてを見つけることができ、GoogleやAIアシスタントはこれらのフッターリンクをたどってすべてのページを発見します。

サイトはメニュー項目を追加するのではなく、ランディングページを追加することで成長します。すべてのページは契約（必要な事実とルールのチェックリスト）に従うため、新しいページを迅速に追加でき、常に基準を満たします。

人との作業方法（常に）

• セルフサービス：自分で考え、選択肢の短いメニューを提示します（AskUserQuestion）。推奨事項を最初に提示します。相手だけが知っている事実についてのみ、自由回答形式の質問をします。
• 一度に1ステップ。平易な言葉。次のステップに進む前に「完了」を待ちます。
• 相手が何かをクリックする必要がある場合、ボタンに何と書いてあり、画面上のどこにあるかを正確に伝えます。
• パスワード、APIキー、トークンは決して扱いません。チャットでそれらを求めたり、ファイルやコンピュータから読み取ったりしません。ログインが必要なサービスは、相手自身が接続します。Cloudflareはブラウザログインを通じて、他のツールは独自のClaudeコネクタまたはCSVエクスポートを通じて接続します。Lead Deskのパスワードとウェブフックリンクは、相手自身が自分のLead Deskページに入力します。チャットには決して入力しません。
• お金がかかること、ドメインを変更すること、何かを削除する前には尋ねます。
• 各ステップの後、何をしたかを一文で伝えます。専門用語は使いません。
• 説明する代わりに見せる：ローカルプレビューを開始し、見るべきものがあるたびにリンクを提供します。
• 事実を捏造しない：でっち上げの数字、レビュー、場所、資格、検索ボリュームは使用しません。事実が欠けている場合は尋ねます。

ジョブを選択（通常のインタビュー）

1. 新しいサイトを構築する。 すべてのフェーズを順番通りに。
2. リードマグネットを作成する（そして、必要に応じて、そのランディングページ、成功ページ、投稿、広告、メールも）。references/lead-magnets.md に従います。
3. 任意の種類のランディングページを、既存のアーカイブに追加する。 references/contracts.md の「ページの追加」に従います。
4. 新しいアーカイブを追加する（新しい種類のランディングページ）。references/contracts.md の「アーカイブの追加」に従います。
5. キーワードと場所を見つけ、新しいページを計画する。 フェーズ4を実行し、ページ計画を返却します。
6. 既存のサイトをチェック、修正、インデックス化する。 フェーズ8、9、10。
7. Lead Deskをセットアップする。ビジネス独自のリード受信箱で、管理者ログイン、結果、アラートを備え、Cloudflareアカウント上に構築します。references/lead-desk.md に従います。あらゆるウェブサイトで動作します。
8. スケジュールに従ってページを追加するルーチンを設定する。 references/contracts.md の「ルーチン」を参照してください。

フェーズ1：何を作りましょうか？（インタビューでは常に最初に）

references/offers-and-archives.md に従います。セルフサービスに徹します：あなたが考え、選択肢のメニューを提示します。

• 彼らが何を販売しているかを尋ね、次に 「どのようなリードマグネットを作りましょうか？」 と、彼らのビジネスに合わせた3〜4のアイデア（references/lead-magnets.md）を提示し、次にどのページを作成するかを尋ねます。
• 彼らの選択から提供物インベントリを作成します：サイトが提供または無料配布するすべてのものと、それぞれが求める1つのアクション。
• ビジネスモデル、顧客がどこから来るか、ソーシャルメディア計画を学びます。何かを約束するソーシャル投稿はすべて、それを実現するランディングページを必要とします。
• 場所が重要かどうかを判断します。多くのビジネスにはロケーションページはありません。
• テンプレートからアーカイブを選択します。ビジネス自身の言葉で名前を付け、相手の承認を得ます。

フェーズ2：事実を収集する

最初に about.md と voice.md があれば読み、既に答えられていることはスキップします。次に、選択されたアーカイブに必要なものだけを、一度に1つの質問で尋ねます：

• 証拠：営業年数、対応人数、資格やライセンス、保証、受賞歴、評価とレビュー数、および名前、場所（該当する場合）、具体的な結果を含む3つ以上の testimonial。
• 公開しても構わない価格または価格帯、および所要時間。
• 各オファーについて、そのページが必要とする具体的な事実（契約のフィールドがそれを示します）。
• リードの行き先。メニューを提示します：独自のLead Desk（推奨：無料、Cloudflareアカウント上、各リードの発生源と顧客になったかを表示；references/lead-desk.md）、既に使用しているCRMやメールツール（Lead Deskはリードをそこに渡すことができます）、または電話予約ツール。
• ブランド：ロゴ、色、作品とスタッフの実際の写真。
• 名前、住所（公開されている場合）、電話番号をGoogleビジネスプロフィールと正確に同じにし、すべての公式プロフィールへのリンク。
• ドメインを所有しているかどうか、どこで購入したか。

すべてを content/business.yaml、content/offers.md、content/notes.md に保存し、同じことを二度尋ねないようにします。

フェーズ3：Cloudflareをセットアップして接続する

references/cloudflare-setup.md に従います：Node（不足している場合）、無料のCloudflareアカウント、固定バージョンのWranglerをサイトにインストール、npm run cf:login、次に npm run cf:whoami で確認。

フェーズ4：キーワードリサーチ、場所の発見、ページ計画

references/keyword-research.md に従います：

• 提供物インベントリ、顧客自身の言葉、および（場所が重要である場合のみ）適切な詳細レベルで発見された場所から候補を構築します。
• 名前付きのソースから実際の需要を取得し、実際の検索結果で実際の競合を確認します。
• 検索結果を共有するキーワードを1つのページにグループ化し、各ページをゲートにかけます。
• research/keywords.csv、research/places.csv（場所が重要な場合）、research/page-plan.md を保存します。計画を平易な言葉で相手に示し、承認を得ます。

フェーズ5：契約を設定する

references/contracts.md に従います：

• 選択された各アーカイブについて、assets/contracts/archive-templates/ から contracts/archives/<id>.json を作成し、ビジネス独自のID、ラベル、パス、目標を設定します。
• サイトが必要とする成功契約を assets/contracts/success/ からコピーします。
• scripts/contracts.mjs、scripts/new-page.mjs、scripts/check-site.mjs、scripts/build-magnet.mjs をサイトの scripts/ フォルダにコピーします。
• node scripts/new-page.mjs で計画されたすべてのページのスキャフォールドを作成します。

フェーズ6：サイトを構築する

references/site-structure.md に従います。スタックはAstro + Tailwindで静的出力を使用します。コンテンツコレクションは契約から生成されるため、ビルドは契約に違反するページを拒否します。

最も重要なルール：

• ランディングページごとに1つのコンバージョン目標。 すべてのボタンとフォームは同じアクションにつながり、data-cta="<goal>" と data-success="/thanks/<goal>/" でマークされます。2つ目のオファーは独自のページを取得します。
• 重要なものはすべて最初の画面に： ロゴ、問題を特定しページのメインキーワードを含む見出し、最大2行のサブテキスト、1つのコンバージョン、および信頼（バッジと2〜3の短い testimonial）。ページはスクロールしても構いませんが、誰もスクロールする必要はありません。
• 上部ナビゲーションメニューはありません。 ヘッダーにはロゴと行動喚起のみが含まれます。
• アーカイブは、その種類のすべてのランディングページをリストします。すべてのページのフッターはすべてのアーカイブにリンクしています。
• 各アーカイブには役割があります。 search アーカイブはランキングとAIによる引用を目的として構築されます（キーワードゲート、完全なSEO/AEO/GEO）。resource アーカイブは、コンテンツ、ソーシャル投稿、メールからリンクされるものを保持します。そのページは訪問者が得るものを正確に示すことに焦点を当て（プレビューが必要）、キーワードゲートをスキップします。both は、ゲートも通過したリソースを意味します。
• 成功ページは成功契約に従います：約束されたものを提供し、1つの次のステップを提案し、インデックス化されません。

フェーズ6b：リードマグネットを作成する

注文された各リードマグネットについて、references/lead-magnets.md に従います：lead-magnets/<slug>/magnet.md を作成し、node scripts/build-magnet.mjs lead-magnets/<slug> --site public を実行し、PDFと表紙を表示し、表紙をランディングページのプレビューとして使用します。彼らが望む場合は promo.md（投稿、コメントからDMへのフロー、広告、フォローアップメール）を作成します。

フェーズ7：コピーを書く

references/copywriting.md と references/conversion.md に従います：問題認識、解決策重視、ページのキーワードを中心に構築、短く平易な文章、形容詞ではなく事実。表示する前にすべてのページでAI表現の除去を実行します。

フェーズ8：チェック

• references/geo-aeo.md：完全なAI検索チェックリスト。すべてを適用します。
• references/technical-seo.md：メタデータ、構造化データ、サイトマップ、robots.txt、llms.txt、速度。
• package.json に "check": "node scripts/contracts.mjs check && astro build && node scripts/check-site.mjs dist" を追加し、変更のたびに npm run check を実行します。FAIL行がある状態で公開しないでください。 明示的な理由がない限り警告を修正し、残した警告とその理由を相手に伝えます。

フェーズ8b：Lead Desk

彼らがLead Deskを選択した場合、公開前に references/lead-desk.md でセットアップします：データベース、アドレス（ドメインがCloudflare上にある場合はサブドメイン）、所有者招待、各ページの成功ページに _success を設定したフォームの投稿、すべてのページのヘルパースクリプト、および少なくとも1つのアラート。ローカルプレビューからテストリードを送信し、それが届くことを確認します。

フェーズ9：公開

1. ローカルプレビューを表示し、相手の承認を待ちます。
2. npm run deploy（最初にチェックを実行します；初回はセットアップガイドに従ってプロジェクトを作成します）。
3. ライブリンクを提供し、各アーカイブ、1つのランディングページとその成功ページ、/sitemap-index.xml、/llms.txt を開きます。
4. 独自ドメインの接続を提案します（セットアップガイド、パート5）。インデックス化には最終ドメインが必要なため、希望する場合はフェーズ10の前に行います。
5. 公開後、references/technical-seo.md のライブ速度チェックを実行します。

フェーズ10：インデックス化される

references/indexing.md に従います：事前確認、Google Search Console、Bing Webmaster Tools、IndexNow、マップ掲載、および .pages.dev コピーを検索から除外します。3日目、7日目、14日目に相手と進捗を確認します。

…

[翻訳のため省略]