> ## 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サイトを目指します。

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

* 誰のための商品・サービスか
* どのような悩みを解決し、どのような変化を得られるか
* 購入、予約、問い合わせなど、次に何をすればよいか

ページを読み進めた顧客が不安を解消し、行動を決められるように、次の内容を用意します。

| 用意する内容                                                                                           | 具体的に伝えること                        |
| ------------------------------------------------------------------------------------------------ | -------------------------------- |
| 商品・サービスの説明                                                                                       | 特徴だけでなく、利用すると何が変わるのかを伝える         |
| 利用方法・流れ                                                                                          | 申し込みから利用開始までの手順や所要時間を示す          |
| 信頼材料                                                                                             | 実績、利用者の声、事例、運営者情報、セキュリティなどを示す    |
| 料金・利用条件                                                                                          | 料金、契約期間、送料、キャンセル条件など、判断に必要な条件を示す |
| <Tooltip tip="Frequently Asked Questionsの略。顧客からよく寄せられる質問と回答をまとめた項目です。">**FAQ（よくある質問）**</Tooltip> | 購入や利用の前によくある疑問へ回答する              |
| <Tooltip tip="購入、予約、問い合わせなど、顧客へ次の行動を促すボタンやリンクです。Call To Actionの略です。">**CTA（行動喚起）**</Tooltip>     | 購入、予約、問い合わせなど、次の行動へ進むボタンやリンクを置く  |

内容が少ない場合は1ページ内のセクションとしてまとめ、商品数や説明内容が多い場合はページを分けます。ページ数を増やすことよりも、顧客が必要な情報へ迷わず進める構成にすることが重要です。

### 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>を設定する                                                                                                                              |
| AIが参照する公式情報            | 商品名、料金、機能、利用方法などの表記を統一し、必要に応じて<Tooltip tip="AIへWebサイト内の重要な情報やページを案内するためのテキストファイルです。">**llms.txt**</Tooltip>で案内する                                                                                                                                       |
| 表示と操作のしやすさ             | スマートフォンで読みやすく操作しやすい表示にし、ページの読み込みを速くする                                                                                                                                                                                                                  |

Webサイト全体の土台を整えた後、検索キーワードに合わせた記事の作成や順位の改善は[SEOで検索流入を増やす](/ja/playbooks/consumer/seo)、AI回答での言及や引用を増やす取り組みは[GEOでAI検索から見つけてもらう](/ja/playbooks/consumer/geo)で継続します。

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

公開後は、顧客がどこから訪れ、どのページを読み、購入・予約・問い合わせへ進んだかを確認して改善します。データを確認し、実際の行動から問題のある場所を特定します。

確認する主なデータには、次のものがあります。

* 検索、SNS、広告、AIサービスなど、顧客が訪れた経路
* よく閲覧されているページと、ほとんど閲覧されていないページ
* CTAのクリック数
* 購入、予約、問い合わせなどの<Tooltip tip="Webサイトで目的として設定した、購入、予約、問い合わせなどの行動の完了です。">**コンバージョン**</Tooltip>数
* 途中で離脱しているページや入力フォーム
* 検索結果での表示回数、クリック数、掲載順位

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

| データから分かる状況        | 最初に確認する箇所               |
| ----------------- | ----------------------- |
| Webサイトへの訪問が少ない    | 検索やAI検索での表示、コンテンツ、流入経路  |
| 訪問されているがCTAを押されない | ファーストビュー、価値の説明、信頼材料、CTA |
| CTAは押されるが完了しない    | フォーム、予約画面、決済画面、入力項目     |
| 特定のページで離脱が多い      | 情報の不足、文章や構成、表示速度        |
| スマートフォンからの成果が低い   | 文字の大きさ、ボタン、レイアウト、操作性    |

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

### 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>Google Analytics</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>Google Search Console</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をチャットへ入力して、価値の伝わり方と顧客が行動するまでの導線を確認します。

#### 既存のWebサイトを整える場合のプロンプト

```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、スマートフォン表示、読み込み速度を確認し、優先して修正する問題と具体的な修正方法をまとめてください。
```

監査結果では、重要なページを取得できない問題、誤った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サイトを監査して修正する画面" 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検査からインデックス登録をリクエストし、後日検索結果へ登録されたかを確認します。

Webサイト全体の土台を整えた後は、[SEOで検索流入を増やす](/ja/playbooks/consumer/seo)と[GEOでAI検索から見つけてもらう](/ja/playbooks/consumer/geo)で、コンテンツの作成と継続的な改善を進めます。

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

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

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

* **トリガー**: スケジュールで月に1回実行します。
* **実行内容**:

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

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

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

```text theme={null}
添付した月次分析をもとに、[改善するページのURL]を改善してください。

顧客がページを訪れた後の行動を確認し、価値の説明、信頼材料、ページ構成、CTA、フォームのうち、成果を妨げている箇所を特定してください。影響が大きい問題から修正し、変更内容と理由をまとめてください。
```

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

## 関連ページ

* [認知を広げる](/ja/playbooks/consumer/grow-awareness)
* [SEOで検索流入を増やす](/ja/playbooks/consumer/seo)
* [GEOでAI検索から見つけてもらう](/ja/playbooks/consumer/geo)
* [新しい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)