> ## 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サイトの内容や導線を整えたい場合にも利用できます。

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

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

前半の[Webサイト構築の基本](#webサイト構築の基本を理解する)で各工程に必要な考え方を説明し、後半の[NoimosAIでの実践方法](#noimosaiでwebサイトを作成改善する)で具体的な進め方を案内します。

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

新しくWebサイトを作る場合は、対象とする企業、検討に関わる方、伝える価値、次に進んでほしい行動を決めてから構築します。すでにWebサイトがある場合は、同じ観点で内容と導線を確認し、不足しているページや説明を整えます。

その後、検索エンジンとAIが内容を読み取れるように技術的な設定を整え、公開後のデータをもとに改善を続けます。

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

最初に、対象とする企業と、Webサイトを読む方が判断したいことを整理します。同じ商品・サービスでも、実際に利用する方、導入を進める方、予算や契約を承認する方では、必要な情報が異なります。

Webサイトの文章やページを作る前に、誰のどの課題を扱い、どの行動へ案内するかを決めます。次の表を上から順に整理し、対象企業、提供価値、導入条件、次の行動が一続きで説明できる状態にします。

| Webサイトを作る前に決める項目 | 具体的にする内容                              |
| ---------------- | ------------------------------------- |
| 対象企業             | 業界、企業規模、地域、事業の特徴                      |
| 対象部署・役割          | 商品・サービスを利用する部署、導入を進める担当者、承認する責任者      |
| 解決する課題           | 現在の業務で起きている問題と、その影響                   |
| 提供する価値           | 導入によって改善できる業務、時間、費用、品質、成果             |
| 次の行動             | 問い合わせ、資料請求、相談、デモ予約など、Webサイトで完了してほしい行動 |

特に、<Tooltip tip="ページを開いた直後に、スクロールせずに見える範囲です。">**ファーストビュー**</Tooltip>では、次の3点が伝わるようにします。

* どのような企業や担当者のための商品・サービスか
* どのような業務課題を解決し、何を改善できるか
* 問い合わせ、資料請求、相談、デモ予約など、次に何をすればよいか

Webサイトを読み進めた方が、自社で導入できるかを判断し、社内の関係者へ説明できるように、次の内容を用意します。

| 用意する内容                                                                                           | 具体的に伝えること                         |
| ------------------------------------------------------------------------------------------------ | --------------------------------- |
| 商品・サービスの説明                                                                                       | 機能や提供内容だけでなく、どの業務課題をどのように解決するかを示す |
| 対象業界・用途                                                                                          | 対応する業界、部署、業務、利用場面を示す              |
| 導入効果                                                                                             | 改善できる業務と成果を、根拠を確認できる数値や具体例とともに示す  |
| 導入事例・実績                                                                                          | 導入前の課題、利用方法、導入後の変化を示す             |
| 導入までの流れ                                                                                          | 問い合わせから利用開始までの手順、期間、必要な準備を示す      |
| 利用条件                                                                                             | 料金、契約条件、対応範囲、サポート、セキュリティなどを示す     |
| <Tooltip tip="Frequently Asked Questionsの略。検討時によく寄せられる質問と回答をまとめた項目です。">**FAQ（よくある質問）**</Tooltip> | 導入、契約、運用について検討中に生じる疑問へ回答する        |
| <Tooltip tip="問い合わせ、資料請求、相談、デモ予約など、次の行動を促すボタンやリンクです。Call To Actionの略です。">**CTA（行動喚起）**</Tooltip> | 読んでいる方の検討段階に合う次の行動を示す             |

主要なCTAは、Webサイトで最も増やしたい行動を一つ決めます。すぐに相談したい方には問い合わせやデモ予約、まず情報を集めたい方には資料や事例を案内し、検討段階に合わない行動だけを求めないようにします。

情報量が多い場合は、一つのページへ詰め込まず、商品・サービス、業界・用途、導入事例、料金、資料、問い合わせなどのページへ分けます。ナビゲーションと内部リンクを使い、必要な情報へ迷わず進める構成にします。

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

次に、検索エンジンとAIが重要なページを発見し、会社、商品・サービス、対応する業界や用途を正しく理解できるように、Webサイトの設定と構造を整えます。新しく作るWebサイトだけでなく、すでに公開しているWebサイトでも確認が必要です。

検索エンジンとAIが重要なページを発見して内容を理解できるように、ページ同士の経路、取得される情報、URL、利用しやすさを分けて確認します。次の表を上から確認すると、発見されない問題と、発見後に正しく読まれない問題を切り分けられます。

| 検索・AIから見つけてもらうために整える対象 | 公開ページで行うこと                                                                                                                                                                                                                                             |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 重要なページへの経路             | ナビゲーションと<Tooltip tip="同じWebサイト内のページ同士をつなぐリンクです。">**内部リンク**</Tooltip>を整理し、トップページから商品・サービス、業界・用途、導入事例、料金、問い合わせなどの重要ページへたどれるようにする。<Tooltip tip="Webサイト内の主要なURLと更新情報を検索エンジンへ伝える一覧ファイルです。">**sitemap.xml**</Tooltip>にも公開ページを掲載する                            |
| ページの取得設定               | <Tooltip tip="検索エンジンなどに、アクセスしてよい場所と制限する場所を伝えるファイルです。">**robots.txt**</Tooltip>や<Tooltip tip="検索エンジンへ、そのページを検索結果に登録しないよう伝える設定です。">**noindex**</Tooltip>を確認し、公開したいページを検索エンジンやAIが取得できるようにする                                                               |
| 正しいURLの指定              | <Tooltip tip="似た内容のURLが複数ある場合に、検索エンジンへ優先するURLを伝える設定です。">**canonical設定**</Tooltip>で重複するURLを整理し、<Tooltip tip="ブラウザとWebサイトの間の通信を暗号化して公開する方式です。">**HTTPS**</Tooltip>、リンク切れ、<Tooltip tip="古いURLなどへのアクセスを、新しいURLへ自動的に転送する設定です。">**リダイレクト**</Tooltip>の問題を修正する |
| ページ内容の整理               | ページタイトル、見出し、本文を分かりやすく構成し、会社名、商品・サービス名、料金、機能、対応範囲などの表記を統一する                                                                                                                                                                                             |
| 構造化された情報               | 必要に応じて、<Tooltip tip="会社、商品、記事などの情報を、検索エンジンやAIが理解しやすい決められた形式で記述するデータです。">**構造化データ**</Tooltip>や<Tooltip tip="AIへWebサイト内の重要な情報やページを案内するためのテキストファイルです。">**llms.txt**</Tooltip>を設定する                                                                        |
| 表示と操作のしやすさ             | パソコンとスマートフォンの両方で読みやすくし、CTAとフォームを操作しやすい表示にする。ページの読み込みを遅くする重大な問題も修正する                                                                                                                                                                                    |

Webサイト全体の土台を整えた後は、検索キーワードに合うページや記事を増やし、検索エンジンとAIから見つけてもらうための運用を続けます。

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

公開後は、どの経路から訪れ、どのページを読み、問い合わせ、資料請求、相談、デモ予約へ進んだかを確認します。訪問数だけで判断せず、対象企業が導入を検討するために必要なページを読み、次の行動を完了できたかを確認します。

確認する主なデータは、次のとおりです。

* 検索、SNS、広告、AIサービス、外部サイトなどの流入経路
* 商品・サービス、業界・用途、導入事例、料金などの主要ページの閲覧
* CTAのクリック数
* フォームの開始数と完了数
* 問い合わせ、資料請求、相談、デモ予約などの<Tooltip tip="Webサイトで目的として設定した行動の完了です。">**コンバージョン**</Tooltip>数
* 検索結果での表示回数、クリック数、掲載順位

データから見つかる状況と、最初に確認する箇所は次のとおりです。

| データから分かる状況                  | 最初に確認する箇所                    |
| --------------------------- | ---------------------------- |
| Webサイトへの訪問が少ない              | 検索やAI検索での表示、コンテンツ、流入経路       |
| 商品・サービスページは読まれているがCTAを押されない | 対象企業、解決する課題、導入効果、信頼材料、CTA    |
| CTAは押されるがフォームが完了しない         | 入力項目、必須項目、フォームの説明、送信後の流れ     |
| 導入事例や料金ページへ進まない             | ページ間の内部リンク、比較・検討に必要な情報、案内の順序 |
| 特定のページで離脱が多い                | 情報の不足、文章や構成、表示速度、次に進む導線      |

Webサイトのデータだけでは、問い合わせ後の商談や受注まで確認できません。まずはWebサイト内で完了する行動を改善し、問い合わせの内容や営業活動の結果を確認できる場合は、どのページや流入経路から有望な商談が生まれたかも照らし合わせます。

一度に多くの箇所を変更すると、どの修正が成果につながったか判断しにくくなります。影響が大きい問題から修正し、変更前後の数字を比較します。

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

NoimosAIで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><a href="/ja/help-center/integrations/analytics-and-data/google-analytics">Google Analytics</a></strong>：流入経路、閲覧ページ、CTA、フォーム、問い合わせや資料請求など、Webサイト内での行動を取得します。見込み顧客の行動をもとに改善する工程で使います。</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><a href="/ja/help-center/integrations/analytics-and-data/google-search-console">Google Search Console</a></strong>：<Tooltip tip="検索エンジンへ実際に入力された言葉です。">**検索語句**</Tooltip>、表示回数、クリック数、掲載順位、ページが検索結果へ<Tooltip tip="検索エンジンがページの内容を整理し、検索結果に表示できるよう登録する処理です。">**インデックス**</Tooltip>されているかを取得します。Webサイトの土台を整える工程と、公開後の改善で使います。</div>
  </div>
</div>

## 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="NoimosAIで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サイトを作成・改善する

新しくWebサイトを作る場合は、対象企業、検討に関わる方、解決する課題、提供する価値、主要なCTAをチャットへ入力します。NoimosAIがページ構成、文章、デザインを作成するため、生成されたWebサイトをプレビューしながら調整します。

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

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

対象企業は[業界、企業規模、地域など]で、主に[部署・役割]が導入を検討します。[現在の業務課題]を解決し、[導入後に改善できること]を伝えてください。主要なCTAは[問い合わせ、資料請求、相談、デモ予約など]です。

ファーストビューで対象企業、解決できる課題、導入後の変化、CTAが分かるようにしてください。商品・サービスの説明、対象業界・用途、導入効果、導入事例、導入までの流れ、料金・契約条件、セキュリティとサポート、FAQ、CTAを含め、パソコンとスマートフォンの両方で使いやすいWebサイトを作成してください。
```

作成後は、対象企業と解決する課題が最初の画面で伝わるか、検討に必要な情報が揃っているか、主要なCTAまで迷わず進めるかを確認します。導入効果の数値、事例、料金、対応範囲などに誤りがないことも確認し、パソコンとスマートフォンのプレビューを見てから公開します。詳しい操作は、[新しいWebサイトを作成する](/ja/help-center/website/create-and-edit-website)を参照してください。

すでにWebサイトがある場合は、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" />

URLを入力するだけでも分析と改善案の作成はできます。NoimosAI上で既存のWebサイトを直接編集・運用する場合は、[既存のWebサイトをインポートする](/ja/help-center/website/import-existing-website)を参照してください。

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

新しく作成したWebサイトと既存のWebサイトのどちらも、公開前または改善時に技術的な状態を監査します。チャットへURLを入力すると、検索エンジンやAIによるページの取得と理解を妨げる問題を確認できます。

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

```text theme={null}
[WebサイトのURL]について、検索エンジンとAIが会社、商品・サービス、対象業界、用途、導入条件を取得・理解しやすい状態か監査してください。

サイト構造、内部リンク、sitemap.xml、robots.txt、noindex、canonical設定、ページタイトルと見出し、構造化データ、llms.txt、スマートフォン表示、読み込み速度を確認してください。検索エンジンやAIによる重要ページの取得と理解を妨げる問題を特定し、影響、優先順位、具体的な修正方法をまとめてください。
```

監査結果では、重要なページを取得できない問題、誤ったURLを検索結果へ登録させる問題、会社や商品・サービスの情報を正しく理解できない問題から優先して修正します。

NoimosAIで運用しているWebサイトでは、`管理 > SEO & GEO`でページタイトル、説明文、sitemap.xml、llms.txt、構造化データなどを確認できます。必要な修正をチャットで依頼し、プレビューを確認して公開します。

<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の<Tooltip tip="Googleが公開URLへアクセスできるか、インデックスされているかを確認できる機能です。">**URL検査**</Tooltip>からインデックス登録をリクエストし、後日検索結果へ登録されたかを確認します。

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

公開後は、Google AnalyticsとGoogle Search Consoleを連携し、Webサイトの流入、検索状況、問い合わせや資料請求までの行動を毎月分析するエージェントを作成します。直近30日間をその前の30日間と比較すると、改善すべきページと問題を見つけやすくなります。

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

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

**実行内容：**

```text theme={null}
過去30日間のWebサイトの流入と見込み顧客の行動を、その前の30日間と比較して分析してください。

流入元、検索語句、主要ページの閲覧、CTAクリック、フォームの開始と完了、問い合わせ、資料請求、相談、デモ予約の変化を整理してください。訪問が少ない重要ページ、訪問されているが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", 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" />

エージェントの分析結果から、問い合わせへの影響が大きいページを一つ選び、チャットで改善します。

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

```text theme={null}
このチャットで作成した月次分析をもとに、[改善するページのURL]を改善してください。

対象企業がページを訪れた後の行動を確認し、対象企業と課題の説明、導入効果、信頼材料、ページ構成、CTA、フォームのうち、問い合わせや資料請求を妨げている箇所を特定してください。影響が大きい問題から修正し、変更内容と変更後に確認する指標をまとめてください。
```

修正内容をプレビューで確認して公開し、翌月の分析で数字の変化を確認します。一度に多くの要素を変更せず、変更したページ、内容、日付を記録すると、成果につながった改善を判断しやすくなります。

## 関連ページ

* [独自プロンプトを入力する](/ja/help-center/chat/enter-your-own-prompt)
* [新しいWebサイトを作成する](/ja/help-center/website/create-and-edit-website)
* [既存のWebサイトをインポートする](/ja/help-center/website/import-existing-website)
* [Webサイトを公開・更新する](/ja/help-center/website/publish-and-update-website)
* [ゼロからエージェントを作成する](/ja/help-center/ai-team/create-an-agent-from-scratch)
* [エージェントの実行結果を確認する](/ja/help-center/ai-team/check-agent-execution-results)