> ## 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サイトをもとに作成する

> すでに運用しているWebサイトを取り込む、または参考にしてNoimosAIで新しいWebサイトを作成・改善するときの考え方と安全な進め方を説明します。

## 概要

すでに公開しているWebサイトや、GitHubで管理しているWebサイトをもとに、NoimosAI上で新しいWebサイトを作成・改善できます。

既存サイトを活用すると、これまでの内容やデザインを参考にしながら、チャットで修正内容を相談し、プレビュー確認、コード編集、SEO・GEO設定、アナリティクス、ドメイン、公開更新まで同じ場所で扱いやすくなります。

## 既存サイトをもとに作る主な方法

既存サイトの状態に応じて、NoimosAIへの持ち込み方を選びます。

| 既存サイトの状態           | おすすめの進め方                                     | 向いている場面                      |
| ------------------ | -------------------------------------------- | ---------------------------- |
| GitHubリポジトリで管理している | 複製リポジトリまたは作業ブランチをNoimosAIに取り込む               | コードを保ったまま、NoimosAI上で編集・確認したい |
| 公開URLだけがある         | URL、既存ページ内容、画像、会社資料を参考情報として渡し、NoimosAIで再構成する | 既存サイトをリニューアルしたい、構成や訴求を作り直したい |
| Figmaデザインがある       | Figmaを接続し、デザインを参照しながらWebサイトを調整する             | デザインをもとに実装や文言を整えたい           |
| コンテンツや資料だけがある      | 会社資料、商品資料、過去記事、画像を添付して新しいサイトとして作成する          | 既存サイトをそのまま移すより、目的に合わせて作り直したい |

既存サイトをそのまま移す必要がある場合は、まずGitHub連携を使える状態にするのが安全です。公開URLだけをもとに再作成する場合は、元サイトと完全に同じ構造や挙動になるとは限らないため、公開前に表示、リンク、フォーム、計測設定を確認してください。

## 本番に反映しないための注意点

既存サイトをもとにNoimosAIで作成・改善し始めるときは、最初に本番環境と作業環境を分けてください。

本番に絶対反映したくない場合は、次の状態で作業を始めます。

* 本番で使っているリポジトリを直接取り込まず、複製リポジトリまたは作業ブランチを使う
* NoimosAI上で独自ドメインを接続しない
* `公開` や `更新` を実行しない
* 本番デプロイに接続されているGitHubブランチへ直接プッシュしない
* 外部の自動デプロイサービスが動くブランチを使う場合は、事前にデプロイ設定を確認する

NoimosAI上で取り込んだだけ、またはプレビューで確認しているだけで、既存の本番サイトが自動的に置き換わるわけではありません。

ただし、同じGitHubリポジトリや本番デプロイ用ブランチへ変更をプッシュした場合、外部のデプロイ設定によっては本番に反映されることがあります。安全に検証したい場合は、必ず複製リポジトリまたは本番と切り離したブランチを使ってください。

## GitHubで管理しているサイトを取り込む

GitHubで管理している既存サイトは、リポジトリをNoimosAIに取り込み、NoimosAI上で編集・プレビューできる状態にします。

<img src="https://mintcdn.com/agoslabstechnologiesfzco/WUdTSmFBnDccnDQ0/public/help-center/website/import-existing-website-github.png?fit=max&auto=format&n=WUdTSmFBnDccnDQ0&q=85&s=ed910f05ff8ee15fd433c7be7c72e8e7" alt="GitHubで管理している既存サイトをNoimosAIに取り込む画面" style={{ border: '1px solid #e5e7eb', borderRadius: '8px', marginBottom: '1.5rem' }} width="1594" height="750" data-path="public/help-center/website/import-existing-website-github.png" />

安全に進める場合は、次の流れがおすすめです。

1. 既存サイトのGitHubリポジトリを複製する、または作業用ブランチを作成する
2. 本番デプロイに使われていないリポジトリまたはブランチであることを確認する
3. NoimosAIで対象のWebサイトを開く
4. `管理` から `GitHub` を開く
5. GitHub連携を設定し、取り込み対象のリポジトリまたはブランチを選ぶ
6. 取り込んだサイトをプレビューで確認する
7. チャットまたはコード編集で修正する
8. 表示、リンク、フォーム、計測、SEO・GEO設定を確認する
9. 本番に反映するタイミングで、公開または更新方法を決める

GitHub連携後は、NoimosAI上の編集をGitHubへ反映したり、GitHub側の変更をNoimosAIへ取り込んだりできます。開発者が外部エディタで修正した内容を取り込みたい場合は、NoimosAIから変更を加える前にGitHub側の最新状態を確認してください。

## 公開URLをもとに作り直す

GitHubリポジトリがない場合や、既存サイトをそのまま移すよりもリニューアルしたい場合は、公開URLや既存資料を参考にして、NoimosAIで新しいWebサイトとして作成します。

チャットでは、次の情報をまとめて渡すと作りやすくなります。

* 既存サイトのURL
* 残したいページやセクション
* 変更したい訴求、CTA、デザインの方向性
* 会社資料、商品資料、料金表、FAQ
* 使いたい画像、ロゴ、ブランドカラー
* 既存サイトで問題になっている点

例えば、次のように依頼できます。

```text theme={null}
既存サイトを参考にして、問い合わせ獲得を目的にした新しいサービスサイトを作ってください。

参考URL: https://example.com

残したい内容:
- サービス概要
- 導入事例
- 料金
- FAQ

改善したい点:
- ファーストビューで何のサービスか分かりにくい
- CTAが少ない
- スマートフォンで長く感じる

CTAは「無料相談を予約する」に統一してください。
```

この方法では、既存サイトの内容をもとに構成や文言を整理し直せます。公開前に、元サイトから引き継ぐ必要があるURL、フォーム、計測タグ、SEO設定、外部サービス連携を確認してください。

## 取り込み後に最初に確認すること

既存サイトをNoimosAIで扱える状態にしたら、まず次の項目を確認します。

| 確認項目    | 見ること                                              |
| ------- | ------------------------------------------------- |
| 表示      | PCとスマートフォンで大きな崩れがないか                              |
| リンク     | ナビゲーション、CTA、外部リンクが正しいか                            |
| フォーム    | 問い合わせ、資料請求、予約などが意図通り動くか                           |
| ドメイン    | 本番で使うドメインと検証用URLを混同していないか                         |
| SEO     | タイトル、説明文、sitemap、構造化データが必要に応じて設定されているか            |
| GEO     | AI検索向けにFAQ、説明文、llms.txtなどを整える必要があるか               |
| アナリティクス | Google Analytics、Google Search Consoleなどの計測を引き継ぐか |
| GitHub  | NoimosAI側とGitHub側の変更が競合しないか                       |

既存サイトを移行する場合は、見た目だけでなく、フォーム送信、購入導線、会員登録、計測タグ、リダイレクトなども確認してください。

## 取り込み後に編集を始める

取り込み後は、既存サイトの課題に合わせて文章、構成、デザイン、CTA、機能を調整できます。チャットでの修正依頼、コードの直接編集、編集後の確認方法は、[Webサイトを編集する](/ja/help-center/website/edit-website)を確認してください。

## 関連ページ

* [Webサイトの基本](/ja/help-center/website/website-basics)
* [新しいWebサイトを作成する](/ja/help-center/website/create-and-edit-website)
* [Webサイトを編集する](/ja/help-center/website/edit-website)
* [Webサイトを公開・更新する](/ja/help-center/website/publish-and-update-website)
* [Webサイトの設定を管理する](/ja/help-center/website/manage-website-settings)