> ## 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サイトの管理画面で扱える設定項目と、それぞれを使う場面を説明します。 ## 概要 Webサイトの `管理` では、公開状態、ドメイン、SEO・GEO、アナリティクス、ブログ、メール、決済など、Webサイト運用に必要な設定をまとめて管理できます。 まず公開に必要な項目を確認し、公開後に集客、計測、問い合わせ、販売などの目的に合わせて追加設定していくのがおすすめです。 ## 管理画面を開く Webサイト画面上部の `管理` から、Webサイト運用に必要な設定項目を開けます。 1. 対象のWebサイトを開く 2. Webサイト画面で `管理` を開く 3. 目的に合わせて設定項目を選択する 表示される項目は、プラン、接続済みの連携、利用できる機能によって異なる場合があります。 Webサイト画面で管理タブを開き、設定項目を表示している画面 ## 主な設定項目 | 設定項目 | 使う場面 | | --------- | -------------------------- | | 概要 | サイトの状態や基本情報を確認するとき | | 履歴 | 変更履歴や過去の状態を確認するとき | | ドメイン | 独自ドメインや公開URLを管理するとき | | SEO & GEO | 検索エンジンやAI検索向けの設定を行うとき | | アナリティクス | アクセス解析や検索パフォーマンスの計測を行うとき | | 決済 | 商品販売や支払い導線を扱うとき | | AI | Webサイト内のAI機能や応答に関する設定を行うとき | | ナレッジ | Webサイトが参照する情報を管理するとき | | メール | 問い合わせ、通知、メール送信に関する設定を行うとき | | データベース | サイト内で扱うデータを管理するとき | | ユーザー | ユーザーやアクセスに関わる情報を管理するとき | | GitHub | コード管理や開発連携を行うとき | | ブログ | ブログ記事やコンテンツ公開を管理するとき | | Figma | デザインデータを参照・連携するとき | ## ドメイン `ドメイン` では、Webサイトの公開URLや独自ドメインを管理します。 独自ドメインを使うと、ブランドやサービス名に合わせたURLでWebサイトを公開できます。 外部で取得したドメインを使う場合は、DNS設定が必要になることがあります。 ## SEO & GEO `SEO & GEO` では、検索エンジンやAI検索に向けた設定を管理します。まずはスコアを確認し、必要なものを把握してください。 主な設定例は以下のとおりです。 * ページタイトルや説明文を整える * sitemapを管理する * llms.txtを設定する * 構造化データを設定する * ブログやページ更新と検索向け情報を連動させる SEO設定は検索エンジンに内容を伝えやすくするために使います。 GEO設定は、AI検索やAI回答でWebサイトの情報が理解されやすい状態を作るために使います。 ## アナリティクス `アナリティクス` では、Google AnalyticsやGoogle Search Consoleなどの計測・分析設定を扱います。 計測を設定しておくと、公開後に次のような改善判断がしやすくなります。 * どのページが見られているか * どの検索クエリから流入しているか * どのCTAや導線を改善すべきか * 公開後の変更が成果に影響しているか ## ブログ `ブログ` では、Webサイトに紐づくブログや記事コンテンツを管理します。 ブログを使うと、SEO記事、導入事例、ニュース、ノウハウ記事などをWebサイト内に蓄積できます。 サイト本体とブログを合わせて管理することで、記事からサービスページや問い合わせへの導線を作りやすくなります。 ## 決済 `決済` では、Webサイトで商品販売、予約金の支払い、サブスクリプションなどを受け付けるためのStripe設定を行います。 まず、ワークスペースにStripeアカウントが接続されているか確認します。未接続の場合は、連携設定でStripeを接続してから、このサイトで使うStripeアカウントを選択します。 Stripeを有効にすると、Webサイトから決済・サブスクリプション・カスタマーポータルにつなげられるようになります。決済シークレットは生成されたサイトに直接露出しません。 主な設定手順は以下のとおりです。 1. `決済` を開く 2. このサイトに接続するStripeアカウントを選択する 3. `有効化` または `更新` を実行する 4. 必要に応じて、商品名、説明、金額、通貨、支払い間隔を入力して価格を作成する 5. 作成された価格IDをコピーする 6. チャットで「この価格IDを使ってチェックアウト導線を追加して」と依頼する 価格は、一回払い、月額、年額のように用途に合わせて作成できます。例えば、デジタル商品の販売では一回払い、会員プランでは月額や年額を使います。 決済設定を行うと、Webサイトを単なる紹介ページではなく、購入、申し込み、継続課金までつながるサイトとして運用できます。 ## メール `メール` では、フォーム送信やリード獲得後の通知、サイトから送信するメールの差出人を設定します。 メールを有効にすると、問い合わせやフォーム送信があったときに通知先メールアドレスへ通知できます。また、差出人名や差出人アドレスを設定すると、ユーザーに届くメールの送信元をブランドに合わせられます。 主な設定項目は以下のとおりです。 | 設定 | 何を設定するか | 効果 | | --------------- | -------------------- | ----------------------------- | | このアプリでメールを有効にする | サイトのメール送信機能をオンにする | フォーム通知やユーザー向けメールを送れるようにする | | 通知先メールアドレス | 新しいリードやフォーム送信を受け取る宛先 | 問い合わせを見落としにくくする | | 差出人名 | メールに表示される送信者名 | 会社名やサービス名で送信できる | | 差出人アドレス | 送信元として使うメールアドレス | 独自ドメインやGmailなど、信頼されやすい送信元を使える | 独自アドレスから送信したい場合は、`差出人を管理` から送信ドメインを追加し、DNSレコードを設定して検証します。Gmailを使う場合は、Gmailの差出人を接続して選択します。 問い合わせフォームや資料請求フォームを設置するサイトでは、公開前に必ず通知先メールアドレスと差出人設定を確認してください。設定しておくことで、獲得したリードにすぐ対応しやすくなります。 ## データベース `データベース` では、フォーム送信、リード情報、注文情報、会員向けデータなど、Webサイト内で扱うデータの保存先を管理します。 データベースを設定すると、サイトが受け取った情報を一時的な通知だけで終わらせず、一覧として確認したり、後からメール送信や顧客対応に使ったりできます。 主な使い方は以下のとおりです。 | 使い方 | 設定内容 | 向いている場面 | | ----------- | ------------------------------------- | --------------------------- | | マネージドDBを作成 | NoimosAI側で管理されるデータベースを作成する | 外部アカウントなしでフォームやリード保存を始めたいとき | | 外部データベースを接続 | libSQL/Turso または Postgres の接続文字列を入力する | 既存のデータベースをWebサイトから読み書きしたいとき | | Supabaseを接続 | 連携済みSupabaseアカウントからプロジェクトを選ぶ | Supabase上でテーブルやデータを管理したいとき | マネージドDBでは、テーブル追加、フィールド追加、行データの確認ができます。メールアドレス列がある場合は、行ごとにメール送信の操作もできます。 Supabaseに接続している場合、テーブルとデータはSupabaseのダッシュボードで管理します。マネージドDBからSupabaseへ切り替える場合は、既存のテーブルと行を選択したSupabaseプロジェクトへ移行してから切り替えます。 外部Postgresを接続している場合、テーブル管理は接続先のPostgres側で行います。NoimosAI上では、サイトがそのデータベースを読み書きするための接続状態を管理します。 フォーム、会員登録、予約、注文管理など、ユーザーから受け取るデータがあるサイトでは、公開前に保存先を確認してください。 ## ユーザー `ユーザー` では、公開サイト上で登録したユーザーを確認します。 この項目は、Webサイトにログインや会員登録機能がある場合に使います。まだ認証機能がない場合は、「このサイトにはまだログイン／会員登録機能がありません」と表示されます。 会員登録機能を追加したい場合は、チャットで次のように依頼します。 ```text theme={null} このサイトにメールアドレスでログイン・会員登録できる機能を追加してください。 ``` 認証機能が追加されると、登録ユーザーの名前、メールアドレス、メール認証状況、登録日を確認できます。会員向けコンテンツ、予約サイト、購入者向けページなどを運用する場合に、登録状況を把握するために使います。 ## AI `AI` では、Webサイト上で利用するAI機能を設定します。 例えば、訪問者向けのチャットボット、画像生成、動画生成などをサイトに追加する場合に使います。AI機能を追加すると、訪問者がサイト上で質問したり、指定した用途に合わせてAI機能を利用したりできるようになります。 主な設定内容は以下のとおりです。 | 設定 | 何をするか | 効果 | | ----------- | ----------------------- | -------------------------- | | エージェントを追加 | サポートbotなどのAIエージェントを作成する | 訪問者対応や案内用のAIをサイトに配置できる | | 有効/無効を切り替える | エージェントごとに利用可否を管理する | 公開中のAI機能を止めたり再開したりできる | | デフォルトにする | 複数エージェントのうち標準で使うものを選ぶ | 訪問者が最初に使うAIを指定できる | | ナレッジベースを選ぶ | エージェントが参照するデータセットを選択する | 料金、FAQ、商品情報などに沿った回答をしやすくする | | 説明を書く | エージェントの役割や回答方針を書く | どのような対応をするAIかを明確にする | | 月間クレジット上限 | 訪問者が月に使えるクレジット上限を設定する | 想定外の利用量を抑えやすくする | `サイトにAI機能を追加` からチャットボット、画像生成、動画生成を選ぶと、追加用の下書きがチャットに入ります。必要な要件を追記して送信すると、サイトにAI機能を追加するための変更を依頼できます。 AIを有効にした後は、公開前にプレビューで実際の応答や導線を確認してください。ナレッジが不足している場合は、回答が曖昧になりやすいため、先にデータセットやナレッジを整えるのがおすすめです。 ## ナレッジ `ナレッジ` では、このWebサイトの編集やAI機能で使う前提情報を保存します。 ここに保存した内容は、次回以降のWebサイト編集でAIが参照する永続的な指示として使われます。毎回チャットで同じブランド情報やルールを説明しなくても、サイトの文体や内容を揃えやすくなります。 入力するとよい内容の例は以下のとおりです。 * ブランドカラー、フォント、デザインの雰囲気 * 会社名、サービス名、店舗情報、営業時間 * 料金プラン、提供エリア、対応できる業務 * 使ってよい表現、避けたい表現 * よくある質問と回答 * CTAの優先順位 例えば、次のように入力します。 ```text theme={null} ブランドカラーは #0F62FE。トーンは親しみやすく簡潔に。 料金は Starter ¥980/月、Pro ¥2,980/月。 CTAは「無料相談を予約する」を優先してください。 ``` ナレッジを保存すると、次の編集からAIが反映します。最新の料金や営業時間など、間違えるとユーザー体験に影響する情報は、公開前に必ず更新してください。 ## GitHub `GitHub` では、WebサイトのコードをGitHubリポジトリに書き出したり、GitHub側の変更をNoimosAIに取り込んだりできます。 GitHubに接続すると、開発者がコードレビューをしたり、外部エディタで編集した内容を取り込んだりできるようになります。NoimosAI上の編集と、GitHub上の開発作業を分けて管理したい場合に使います。 既存サイトをNoimosAIで管理し始める場合は、本番リポジトリへ直接接続する前に、複製リポジトリや作業ブランチで取り込み、プレビューで表示を確認するのがおすすめです。 主な操作は以下のとおりです。 | 操作 | 何をするか | 使う場面 | | -------------- | -------------------------- | ---------------------------- | | GitHubにエクスポート | Webサイトのコードをリポジトリに書き出す | 初めてGitHub管理を始めるとき | | 最新をGitHubにプッシュ | NoimosAI上の最新状態をGitHubへ反映する | NoimosAIで編集した内容をコード側にも残したいとき | | GitHubから取り込む | GitHub側の変更をNoimosAIへ取り込む | 開発者がリポジトリで変更した内容を反映したいとき | | 同期状態を確認する | ブランチが同期済みか、新しいコミットがあるかを見る | GitHub側の変更を上書きしないように確認するとき | GitHub側に新しいコミットがある場合は、NoimosAIから変更を加える前に取り込むと、リポジトリ側の変更を上書きしにくくなります。 GitHub連携はコード管理のための機能です。公開済みサイトに反映するには、変更内容を確認したうえで公開または更新を行います。 ## Figma `Figma` では、Figmaのパーソナルアクセストークンを接続し、ビルダーが参照デザインを読み取れるようにします。 Figmaを接続すると、チャットでFigmaデザインを参照しながら、Webサイトの構成や見た目を調整しやすくなります。例えば、既存のLPデザイン、ブランドガイド、コンポーネント設計をもとにWebサイトを作りたい場合に使います。 設定手順は以下のとおりです。 1. `Figma` を開く 2. `接続` を選択する 3. Figmaのパーソナルアクセストークンを貼り付ける 4. `保存` する トークンはユーザーごと、ワークスペース単位で保存されます。メンバーごとに別々のトークンを使うため、誰のFigma権限で参照するかを分けて管理できます。読み取り専用のトークンで十分です。 接続後は、必要に応じてトークンを更新または削除できます。Figma側の権限を変更した場合や、参照できないファイルがある場合は、トークンとFigma上のアクセス権限を確認してください。 ## 最初に確認するおすすめ項目 初めてWebサイトを公開する場合は、まず公開に必要な項目から確認します。 1. `概要` でサイトの状態を確認する 2. `ドメイン` で公開URLを確認する 3. `SEO & GEO` でタイトルや説明文を確認する 4. `アナリティクス` で計測設定を確認する その後、サイトの目的に合わせて追加設定します。 | 目的 | 追加で確認する項目 | | ------------------- | --------------------------- | | 問い合わせや資料請求を受けたい | `メール`、`データベース` | | 商品やプランを販売したい | `決済`、`メール`、`データベース` | | 会員向けサイトにしたい | `ユーザー`、`データベース`、`メール` | | 訪問者向けAIを設置したい | `AI`、`ナレッジ`、必要に応じて `データベース` | | 開発者とコードを管理したい | `GitHub` | | Figmaのデザインをもとに調整したい | `Figma` | ## 関連ページ * [Webサイトの基本](/ja/help-center/website/website-basics) * [新しいWebサイトを作成する](/ja/help-center/website/create-and-edit-website) * [既存のWebサイトをもとに作成する](/ja/help-center/website/import-existing-website) * [Webサイトを編集する](/ja/help-center/website/edit-website) * [Webサイトを公開・更新する](/ja/help-center/website/publish-and-update-website) * [Google Analytics](/ja/help-center/integrations/analytics-and-data/google-analytics) * [Google Search Console](/ja/help-center/integrations/analytics-and-data/google-search-console)