メインコンテンツへスキップ

概要

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

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

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

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

既存サイトをもとにNoimosAIで作成・改善し始めるときは、最初に本番環境と作業環境を分けてください。 本番に絶対反映したくない場合は、次の状態で作業を始めます。
  • 本番で使っているリポジトリを直接取り込まず、複製リポジトリまたは作業ブランチを使う
  • NoimosAI上で独自ドメインを接続しない
  • 公開更新 を実行しない
  • 本番デプロイに接続されているGitHubブランチへ直接プッシュしない
  • 外部の自動デプロイサービスが動くブランチを使う場合は、事前にデプロイ設定を確認する
NoimosAI上で取り込んだだけ、またはプレビューで確認しているだけで、既存の本番サイトが自動的に置き換わるわけではありません。 ただし、同じGitHubリポジトリや本番デプロイ用ブランチへ変更をプッシュした場合、外部のデプロイ設定によっては本番に反映されることがあります。安全に検証したい場合は、必ず複製リポジトリまたは本番と切り離したブランチを使ってください。

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

GitHubで管理している既存サイトは、リポジトリをNoimosAIに取り込み、NoimosAI上で編集・プレビューできる状態にします。 GitHubで管理している既存サイトをNoimosAIに取り込む画面 安全に進める場合は、次の流れがおすすめです。
  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
  • 使いたい画像、ロゴ、ブランドカラー
  • 既存サイトで問題になっている点
例えば、次のように依頼できます。
この方法では、既存サイトの内容をもとに構成や文言を整理し直せます。公開前に、元サイトから引き継ぐ必要があるURL、フォーム、計測タグ、SEO設定、外部サービス連携を確認してください。

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

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

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

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

関連ページ