> ## Documentation Index
> Fetch the complete documentation index at: https://docs.noimosai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Webサイトを作成・改善する

> NoimosAIを活用して、専門性、実績、対応範囲を伝え、相談・問い合わせにつながるWebサイトを作成・改善します。

NoimosAIを活用して、対象顧客が自社の課題を相談できる相手かを判断し、問い合わせ、見積もり、面談予約へ進めるWebサイトを作成・改善します。新しいWebサイトの作成と、既存サイトの見直しのどちらにも利用できます。

Webサイトの構築と改善は、次の3つの工程で進めます。

1. 相談・問い合わせにつながるWebサイトを作成・改善する
2. 検索エンジンとAIが読み取れる土台を整える
3. 顧客の行動をもとに改善する

前半の[Webサイト構築の基本を理解する](#basics)で各工程の判断基準を確認し、後半の[NoimosAIでWebサイトを作成・改善する](#practice)で具体的な進め方を説明します。

<a id="basics" />

## Webサイト構築の基本を理解する

受託・専門サービスのWebサイトでは、サービス名だけでなく、誰のどの課題を支援できるか、どのように進めるか、何を根拠に任せられるかを伝えます。公開後は検索エンジンとAIが取得できる状態を保ち、相談までの行動をもとに改善します。

### 1. 相談・問い合わせにつながるWebサイトを作成・改善する

最初に、対象顧客、課題、提供する成果、対応範囲、主要な行動を決めます。

| 決める項目  | 具体的にする内容                          |
| ------ | --------------------------------- |
| 対象顧客   | 業界、規模、地域、担当者、相談が必要になる状況           |
| 解決する課題 | 現在起きている問題と、解決しない場合の影響             |
| 提供する成果 | 完成する成果物、改善する業務や数値、支援後の状態          |
| 対応範囲   | 含まれる作業、含まれない作業、顧客側で必要な準備          |
| 次の行動   | 相談、問い合わせ、見積もり、面談予約など、最初に完了してほしい行動 |

<Tooltip tip="ページを開いた直後に、スクロールせずに見える範囲です。">**ファーストビュー**</Tooltip>では、対象顧客、相談できる課題、得られる結果、次の行動を伝えます。その後、依頼先として比較するための情報をページの役割に合わせて用意します。

| ページまたは内容                                                                                  | 伝えること                      |
| ----------------------------------------------------------------------------------------- | -------------------------- |
| サービストップ                                                                                   | 対象顧客、解決する課題、主なサービス、相談への導線  |
| サービス詳細                                                                                    | 支援内容、成果物、進め方、期間、対応範囲、必要な準備 |
| 実績・事例                                                                                     | 顧客の課題、実施内容、成果、担当した範囲、条件    |
| 担当者・会社                                                                                    | 専門分野、経験、資格、方針、実際に担当する体制    |
| 料金                                                                                        | 料金の目安、料金単位、見積もり条件、追加費用     |
| 依頼までの流れ                                                                                   | 相談、確認、見積もり、契約、開始までの手順と期間   |
| <Tooltip tip="Frequently Asked Questionsの略。よくある質問と回答をまとめた項目です。">**FAQ（よくある質問）**</Tooltip> | 対応可否、準備、修正、納期、契約、情報の扱い     |
| <Tooltip tip="相談や問い合わせなど、次の行動を促すボタンやリンクです。Call To Actionの略です。">**CTA（行動喚起）**</Tooltip>    | 押した後に起きることが分かる具体的な案内       |

実績では、顧客名を公開できない場合も、業界、課題、担当範囲、成果、期間など、許可された範囲で判断材料を示します。公開できない数値や事実を推測で補いません。

相談する前に確認したい情報は、顧客の検討段階によって異なります。課題を自覚した段階では対応できる問題、依頼先を比較する段階では実績・担当者・進め方、相談直前には料金・準備・契約条件が必要です。すべてを一ページへ詰め込まず、ページの役割を分けて内部リンクでつなぎます。

### 2. 検索エンジンとAIが読み取れる土台を整える

トップページからサービス、対象業界、実績、担当者、料金、問い合わせへ進めるようにし、重要ページを<Tooltip tip="Webサイト内の主要なURLを検索エンジンへ伝える一覧ファイルです。">**sitemap.xml**</Tooltip>へ掲載します。

技術的には、<Tooltip tip="検索エンジンなどにアクセス可能な場所を伝えるファイルです。">**robots.txt**</Tooltip>、<Tooltip tip="ページを検索結果へ登録しないよう伝える設定です。">**noindex**</Tooltip>、HTTPS、リンク切れ、リダイレクト、<Tooltip tip="似た内容のURLが複数ある場合に優先するURLを伝える設定です。">**canonical設定**</Tooltip>を確認します。ページタイトル、見出し、本文では、会社名、サービス名、対象顧客、地域、担当者の表記を揃えます。

会社、担当者、サービス、記事、FAQなど、ページに表示している内容へ対応する<Tooltip tip="検索エンジンやAIがページの内容を理解しやすい形式で追加するデータです。">**構造化データ**</Tooltip>も必要に応じて設定します。画面にない資格、評価、料金を構造化データだけへ追加しません。

### 3. 顧客の行動をもとに改善する

公開後は、訪問数だけでなく、対象顧客がサービス、実績、料金を確認し、相談を完了できたかを確認します。

| 現在の状態                | 最初に確認すること                 |
| -------------------- | ------------------------- |
| Webサイトへの訪問が少ない       | 検索やAI回答での表示、記事、SNSなどの流入経路 |
| サービスページから実績へ進まない     | 実績への案内、対象顧客と課題の一致         |
| 実績は読まれるが相談されない       | 対応範囲、進め方、料金、担当者、CTA       |
| CTAは押されるがフォームが完了しない  | 入力項目、必須条件、エラー、送信後の流れ      |
| 問い合わせはあるが対応できない相談が多い | 対象顧客、対応範囲、予算、地域、納期の説明     |

Google Analyticsでは、流入元、主要ページ、CTA、フォーム開始、問い合わせ完了を確認します。検索状況はGoogle Search Consoleで検索語句、表示、クリック、順位、インデックスを確認します。

### Webサイト構築で使えるアプリ

公開後の行動と検索状況を分析する場合は、次のアプリを利用します。

<div style={{ display: "flex", flexDirection: "column", gap: "12px", margin: "18px 0" }}>
  <div style={{ display: "flex", alignItems: "flex-start", gap: "10px" }}><img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-analytics.webp?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=5decc2b46e733583d74874463cb8ffb6" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", objectFit: "contain", flex: "0 0 16px", margin: "4px 0 0" }} width="80" height="80" data-path="public/help-center/integrations/icons/google-analytics.webp" /><div><strong><a href="/ja/help-center/integrations/analytics-and-data/google-analytics">Google Analytics</a></strong>：流入元、閲覧ページ、CTA、フォーム、問い合わせを取得し、改善するページを決めます。</div></div>
  <div style={{ display: "flex", alignItems: "flex-start", gap: "10px" }}><img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-search-console.png?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=dea6b216368968e3a75e560af0cd6374" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", objectFit: "contain", flex: "0 0 16px", margin: "4px 0 0" }} width="573" height="512" data-path="public/help-center/integrations/icons/google-search-console.png" /><div><strong><a href="/ja/help-center/integrations/analytics-and-data/google-search-console">Google Search Console</a></strong>：検索語句、表示、クリック、順位、インデックスを取得し、検索からの発見と流入を改善します。</div></div>
</div>

<a id="practice" />

## NoimosAIでWebサイトを作成・改善する

Webサイトの作成と監査をチャットで行い、公開後の分析をエージェントで定期実行します。

チャットで指示を入力する方法は、[独自プロンプトを入力する](/ja/help-center/chat/enter-your-own-prompt)を参照してください。

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/website-chat-prompt.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=469c7742929a2ffeac20a3f77eed2862" alt="NoimosAIのチャットに受託・専門サービスのWebサイト作成を入力する画面" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="1688" height="856" data-path="public/playbooks/consumer/website-chat-prompt.png" />

プロンプトで目的と条件を伝えてエージェントを作成する場合は、[チャットからエージェントを作成する](/ja/help-center/ai-team/create-a-trigger-from-chat)を参照してください。設定画面で各項目を手動で入力する場合は、[ゼロからエージェントを作成する](/ja/help-center/ai-team/create-an-agent-from-scratch)で確認できます。

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/website-create-agent.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=5b5ac8da5362b21c0bb9b64b22a9d423" alt="受託・専門サービスのWebサイト分析エージェントを設定する画面" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="2880" height="1556" data-path="public/playbooks/consumer/website-create-agent.png" />

### 1. 相談・問い合わせにつながるWebサイトを作成・改善する

新しく作る場合は、対象顧客、課題、成果物、対応範囲、実績、主要なCTAをチャットへ入力します。NoimosAIにページ構成、文章、デザインを作成させ、相談前に必要な判断材料と問い合わせまでの導線をプレビューで確認します。

#### チャットに入力するプロンプト

```text theme={null}
[サービス名]のWebサイトを作成してください。

対象顧客は[業界、規模、地域、担当者]で、[課題]を解決するために利用します。[支援内容と成果物]を提供し、[得られる結果]につなげます。対応範囲は[含む内容]で、[含まない内容]は対象外です。主要なCTAは[相談、問い合わせ、見積もり、面談予約]です。

ファーストビュー、サービス詳細、対象顧客、実績・事例、担当者、進め方、料金の目安、FAQ、問い合わせを含めてください。実績と資格は入力した事実だけを使い、パソコンとスマートフォンで使いやすくしてください。
```

作成後は、専門性と対応範囲が伝わるか、実績を確認できるか、相談まで迷わず進めるかを確認します。事例、資格、料金、成果を確認してから公開します。操作は[新しいWebサイトを作成する](/ja/help-center/website/create-and-edit-website)で確認できます。

プレビューでは、対象顧客が自分向けのサービスだと判断できるか、依頼後に完成する成果物が分かるか、対応外の条件を誤解しないかを確認します。CTAは「お問い合わせ」のような一般的な文言だけでなく、相談、見積もり、面談予約など、押した後に起きることを示します。

既存サイトは、公開URLを使って改善します。

#### チャットに入力するプロンプト

```text theme={null}
[WebサイトのURL]を分析してください。

[対象顧客]が[課題]を相談できる相手か判断できるように、サービス、対応範囲、成果物、実績、担当者、進め方、料金、FAQ、問い合わせ導線を確認してください。不足している情報と分かりにくい箇所を特定し、優先して改善するページ構成と完成原稿を作成してください。
```

NoimosAI上で直接編集する場合は、[既存のWebサイトをインポートする](/ja/help-center/website/import-existing-website)で手順を確認します。

<img src="https://mintcdn.com/agoslabstechnologiesfzco/WUdTSmFBnDccnDQ0/public/help-center/website/website-builder-overview.png?fit=max&auto=format&n=WUdTSmFBnDccnDQ0&q=85&s=be6b42ecd9918acf5958b9f9d8f415e1" alt="NoimosAIで受託・専門サービスのWebサイトを作成・改善する画面" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="2880" height="1554" data-path="public/help-center/website/website-builder-overview.png" />

公開前に、対象顧客と対応する課題、実績の根拠、料金の目安または決まり方、相談後の流れを確認します。匿名事例も顧客を推測できない範囲にします。

フォームは実際にスマートフォンとパソコンから送信し、必須項目、エラー、送信完了、返信までの目安を確認します。相談前に不要な機密情報や個人情報を入力させず、詳しい資料は相談後に安全な方法で受け取ります。

### 2. 検索エンジンとAIが読み取れる土台を整える

公開URLをチャットへ入力し、重要ページの取得と理解を妨げる問題を調べます。サービス、対象顧客、対応範囲、実績、料金を検索エンジンとAIが読み取れるかを確認し、影響の大きい問題から修正します。

#### チャットに入力するプロンプト

```text theme={null}
[WebサイトのURL]について、検索エンジンとAIが会社、担当者、サービス、対象顧客、対応範囲、実績を取得・理解できる状態か監査してください。

HTTPS、HTTPステータス、リンク切れ、リダイレクト、robots.txt、sitemap.xml、noindex、canonical設定、内部リンク、HTML、ページタイトル、見出し、本文、構造化データ、スマートフォン表示、重大な速度問題を確認し、影響、優先順位、修正方法をまとめてください。
```

取得を妨げる問題と、誤った情報を伝える問題から修正します。NoimosAIで運用するサイトは同じチャットで修正し、プレビューを確認して公開します。新しいURLはGoogle Search Consoleでインデックス登録をリクエストし、後日登録状況を確認します。

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/seo-site-audit-and-fix.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=1b2052465f23bcaed379e3a724bd1bb0" alt="NoimosAIが受託・専門サービスのWebサイトを検索・AI向けに監査した画面" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="1902" height="1504" data-path="public/playbooks/consumer/seo-site-audit-and-fix.png" />

### 3. 顧客の行動をもとに改善する

Google AnalyticsとGoogle Search Consoleを連携し、直近30日間をその前の30日間と比較します。流入が少ない重要ページ、閲覧されても相談へ進まないページ、フォームで離脱する導線を特定し、優先する改善案を受け取ります。

#### エージェントの設定

**トリガー：** スケジュール／毎月

**実行内容：**

```text theme={null}
過去30日間のWebサイトの流入と相談・問い合わせまでの行動を、その前の30日間と比較してください。

流入元、検索語句、サービス・実績・料金ページの閲覧、CTA、フォーム開始、問い合わせ完了を整理してください。訪問が少ない重要ページ、閲覧されているがCTAを押されないページ、フォームが完了しないページを特定し、最も影響が大きいページの修正案を作成してください。
```

**使う連携：** <span style={{ display: "inline-flex", alignItems: "center", lineHeight: "24px" }}><img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-analytics.webp?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=5decc2b46e733583d74874463cb8ffb6" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", objectFit: "contain", margin: "0 6px 0 0" }} width="80" height="80" data-path="public/help-center/integrations/icons/google-analytics.webp" />Google Analytics</span>、<span style={{ display: "inline-flex", alignItems: "center", lineHeight: "24px" }}><img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-search-console.png?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=dea6b216368968e3a75e560af0cd6374" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", objectFit: "contain", margin: "0 6px 0 0" }} width="573" height="512" data-path="public/help-center/integrations/icons/google-search-console.png" />Google Search Console</span>

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/seo-monthly-performance-report.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=38907aa91388559fab0e75ff4dec6049" alt="NoimosAIが受託・専門サービスのWebサイト結果を月次分析した画面" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="2880" height="1556" data-path="public/playbooks/consumer/seo-monthly-performance-report.png" />

修正案を確認し、一つのページへ反映します。変更した内容と日付を記録し、翌月に流入、CTA、フォーム、問い合わせの変化を確認します。

問い合わせ件数だけでなく、対応できる相談の割合も確認します。訪問や問い合わせが増えても対象外の相談が多い場合は、流入元、対象顧客、対応範囲、料金条件の説明を見直します。変更した箇所以外の条件を揃え、何が成果へ影響したかを判断します。

## 関連ページ

* [SEOで検索流入を増やす](/ja/playbooks/client-services/seo)
* [GEOでAI検索から見つけてもらう](/ja/playbooks/client-services/geo)
* [相談・問い合わせのCVRを改善する](/ja/playbooks/client-services/improve-inquiry-conversion)
