> ## 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>では、次の内容を伝えます。

* 誰のための製品か
* どの仕事や問題を、どのように改善できるか
* 最初に何をすれば利用を始められるか

ユーザーが比較と登録を進められるように、必要な情報をページの役割に合わせて用意します。

| ページまたは内容                                                                                   | 伝えること                          |
| ------------------------------------------------------------------------------------------ | ------------------------------ |
| トップ・ランディングページ                                                                              | 対象ユーザー、解決する問題、得られる結果、主要なCTA    |
| 機能・利用例                                                                                     | 機能の説明だけでなく、どの仕事をどう完了できるか       |
| 料金・プラン                                                                                     | 料金単位、無料プランや無料体験、利用上限、プランの選び方   |
| 利用開始までの流れ                                                                                  | 登録、初期設定、最初の価値を得るまでの手順          |
| 信頼材料                                                                                       | レビュー、利用実績、セキュリティ、データの扱い、サポート   |
| <Tooltip tip="Frequently Asked Questionsの略。よくある質問と回答をまとめた項目です。">**FAQ（よくある質問）**</Tooltip>  | 対応環境、解約、支払い、データ移行など、開始前の疑問への回答 |
| <Tooltip tip="登録、インストール、購入など、次の行動を促すボタンやリンクです。Call To Actionの略です。">**CTA（行動喚起）**</Tooltip> | 押した後に起きることが分かる具体的な文言           |

登録後に製品内で初期設定を行う場合も、Webサイトで所要時間や準備する情報を伝えます。Webサイトの説明と、登録後に表示される画面や条件が食い違わないようにします。

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

検索エンジンとAIが重要なページを発見し、製品名、機能、料金、対応環境を正しく理解できるようにします。ログイン後の画面だけに情報を置かず、検索や比較に必要な情報は公開ページにも掲載します。

| 検索・AIから見つけてもらうために整える対象 | 公開ページで確認し、問題があれば行うこと                                                                                                                                                      |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 重要ページへの経路              | ナビゲーション、<Tooltip tip="同じWebサイト内のページ同士をつなぐリンクです。">**内部リンク**</Tooltip>、<Tooltip tip="Webサイト内の主要なURLを検索エンジンへ伝える一覧ファイルです。">**sitemap.xml**</Tooltip>から、機能、料金、利用例、ヘルプへ進めるようにする |
| ページの取得設定               | <Tooltip tip="検索エンジンなどにアクセス可能な場所を伝えるファイルです。">**robots.txt**</Tooltip>と<Tooltip tip="ページを検索結果へ登録しないよう伝える設定です。">**noindex**</Tooltip>を確認し、公開したいページを取得できるようにする               |
| URLの整理                 | <Tooltip tip="似たURLが複数ある場合に優先するURLを伝える設定です。">**canonical設定**</Tooltip>、HTTPS、リンク切れ、リダイレクトを確認する                                                                            |
| ページ内容                  | タイトル、見出し、本文、画像の代替テキストで、製品とページの役割を明確にする                                                                                                                                    |
| 製品情報                   | 製品名、料金、対応OS、アプリの種類など、実際のページ内容と一致する`SoftwareApplication`の<Tooltip tip="ページの情報を検索エンジンやAIが理解しやすい決められた形式で記述するデータです。">**構造化データ**</Tooltip>を必要に応じて設定する                          |
| 表示と操作                  | スマートフォンで読みやすく、登録やアプリストアへの移動を完了できるようにする                                                                                                                                    |

### 3. ユーザーの行動をもとに改善する

公開後は、流入から登録、利用開始までの行動を確認します。ページの閲覧数だけで判断せず、次の行動へ進んだ割合を見ます。

| 閲覧・登録データで確認できた状態 | 最初に確認し、問題があれば改善する内容                  |
| ---------------- | ------------------------------------ |
| Webサイトへの訪問が少ない   | 検索やAI検索での表示、参照元、未作成の機能・利用例ページを確認する   |
| 訪問されているが登録を始めない  | 対象ユーザー、価値、料金、信頼材料、CTAを確認する           |
| 登録を始めるが完了しない     | 入力項目、認証、エラー、アプリストアへの移動を確認する          |
| 登録後に利用を始めない      | Webサイトで伝えた価値と、初期設定や最初の操作が一致しているか確認する |
| 特定のデバイスで成果が低い    | 表示、ボタン、フォーム、読み込み速度を実機で確認する           |

影響するユーザー数が多い問題から一つ選び、変更前後を同じ条件で比較します。登録以降の詳しい分析は、[登録・利用開始・有料化のCVRを改善する](/ja/playbooks/software-apps/improve-conversion)で説明します。

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

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", display: "inline-block", 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>Google Analytics</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", display: "inline-block", 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>Google Search Console</strong>：検索語句、表示回数、クリック数、掲載順位、<Tooltip tip="検索エンジンがページを検索結果へ表示できるよう登録する処理です。">**インデックス**</Tooltip>状況を取得し、公開ページの発見と検索流入を確認します。</div>
  </div>
</div>

<a id="practice" />

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

NoimosAIでは、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、CTAを含め、スマートフォンでも登録へ進めるWebサイトを作成してください。
```

作成後は、実際の機能、料金、対応環境、契約条件と一致しているかを確認します。パソコンとスマートフォンのプレビューで登録まで操作し、問題がなければ公開します。詳しい操作は、[新しいWebサイトを作成する](/ja/help-center/website/create-and-edit-website)を参照してください。

既存サイトを改善する場合は、公開URLをチャットへ入力します。

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

```text theme={null}
[WebサイトのURL]を分析し、対象ユーザー、完了できる仕事、得られる結果、料金、利用開始までの流れ、主要なCTAが明確か確認してください。

登録またはインストールを妨げる不足情報、分かりにくい説明、信頼材料、FAQ、導線を特定し、優先して修正するページ構成と文章を作成してください。
```

<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" />

NoimosAI上で既存サイトを直接編集する場合は、[既存のWebサイトをインポートする](/ja/help-center/website/import-existing-website)を参照してください。

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

公開URLをチャットへ入力し、検索エンジンやAIによる取得と理解を妨げる問題を監査します。製品名、機能、料金、対応環境を正しく読み取れるかを確認し、重要ページの発見やインデックスを妨げる問題から修正します。

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

```text theme={null}
[WebサイトのURL]について、検索エンジンとAIが製品情報を取得・理解しやすい状態か監査してください。

機能、料金、利用例、ヘルプへのサイト構造と内部リンク、sitemap.xml、robots.txt、noindex、canonical設定、タイトル、見出し、構造化データ、スマートフォン表示、重大な速度問題を確認してください。問題の影響、優先順位、具体的な修正方法をまとめてください。
```

取得できない重要ページ、誤ったURLの登録、実際と異なる製品情報から優先して修正します。NoimosAIで運用しているWebサイトでは、同じチャットで修正を依頼し、プレビュー後に公開します。

<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サイトのSEOとGEOの状態を監査して修正する画面" 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" />

公開後はsitemap.xmlを確認し、新しい重要ページはGoogle Search ConsoleのURL検査からインデックス登録をリクエストします。後日、登録状況も確認します。

### 3. ユーザーの行動をもとに改善する

Google AnalyticsとGoogle Search Consoleを使い、流入から登録と利用開始までを毎月比較するエージェントを作成します。訪問が登録へ進まないページと、登録後に利用開始へ進まない導線を分けて特定し、優先する改善案を受け取ります。

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

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

**実行内容：**

```text theme={null}
過去30日間のWebサイトの流入、検索実績、登録、利用開始までのユーザー行動を、その前の30日間と比較してください。

流入元、主要ページの閲覧、CTAクリック、登録開始、登録完了、利用開始、検索語句、クリック率を整理してください。影響するユーザー数と事業への影響をもとに、優先して改善するページを1つ選び、問題の根拠と修正案を示してください。取得できない指標は推測せず、未計測として分けてください。
```

**使う連携：** <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", display: "inline-block", 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", display: "inline-block", 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" />

提案されたページをチャットで修正し、変更した内容と日付を記録します。翌月は同じ流入元、デバイス、ユーザー区分で比較し、登録率と利用開始率が改善したかを確認します。

## 関連ページ

* [登録・利用開始・有料化のCVRを改善する](/ja/playbooks/software-apps/improve-conversion)
* [SEOで検索流入を増やす](/ja/playbooks/software-apps/seo)
* [GEOでAI検索から見つけてもらう](/ja/playbooks/software-apps/geo)
* [新しいWebサイトを作成する](/ja/help-center/website/create-and-edit-website)
* [既存のWebサイトをインポートする](/ja/help-center/website/import-existing-website)