AIで最初のウェブサイトを作成する

KanorioのAIウェブサイト作成プロセスは、一度に大量の質問に答えるものではありません。代わりに、ウェブサイト作成を4つのステップに分解します。各ステップでは、AIが本当に必要とするブランド情報のみを収集します。完了すると、AIはこの情報に基づいてドラフトウェブサイトを生成し、あなたが洗練させる準備が整います。

ウェブサイトに精通したアシスタントを雇って最初のバージョンを作成するようなものだと考えてください。あなたは「私は誰か、何を提供するか、どのようなスタイルが欲しいか、訪問者に何をしてもらいたいか」を提供し、AIがその情報をウェブサイトのコンテンツに整理します。最終的に、公開するかどうか、テキストをどのように編集するか、どの画像を使用するかはあなたが決定します。

開始前にこの情報を準備してください

完璧である必要はありませんが、以下の情報がより完全であるほど、生成される結果は通常、あなたのブランドに近くなります。

• ブランドまたは店舗名
• 1文であなたのビジネス内容を説明するタグライン
• サービス、製品、仕事、または関連するシーンの画像が少なくとも1枚
• ホームページ用の大きな画像1枚
• ロゴ画像、またはブランドを表すアイコン
• 好みのブランドカラー
• 訪問者にクリックしてもらいたいボタンリンク（例：予約ページ、ソーシャルメディア、製品ページ、お問い合わせページ）

まだすべての情報が揃っていない場合でも、持っている情報で最初のバージョンを完成させることができます。ウェブサイトが生成された後、エディタで詳細を追加できます。

AIウェブサイト作成フローへの入り方

ログイン後、ダッシュボードで「ウェブサイトを作成」のエントリーポイントを見つけます。まだウェブサイトがない場合、作成プロセスを開始するためのボタンもダッシュボードとエディタに表示されます。

システムは進行状況を自動的に保存します。「ドラフト」とは、未完成で公開されていない作業中のバージョンです。ステップを切り替えたり、リフレッシュしたり、一時的に離れたりした後でも、中断したところから再開できます。

ステップ1：ブランドとウェブサイトのコンテンツ言語を設定する

この最初のステップには、ウェブサイトのコンテンツ言語、ブランド名、ブランドタグラインの3つの必須フィールドがあります。

ウェブサイトのコンテンツ言語を選択する

これは、AIがウェブサイトのコンテンツを作成するために使用する言語です。Kanorioインターフェースの言語と同じである必要はありません。

例えば、Kanorioを繁体字中国語（台湾）で使用し、AIに英語、日本語、その他の言語でウェブサイトのコンテンツを生成させることができます。Kanorioインターフェースは6つの言語をサポートしていますが、AIコンテンツ生成は60以上の言語と地域バリアントをサポートしています。

ブランド名を入力する

ブランド名は、ウェブサイトのタイトル、ナビゲーション、フッター、およびAIによって生成された一部のコピーに表示されます。訪問者が実際に目にする名前を使用してください。

良い例：

• Mountain Crest Coffee
• Lin An Design Studio
• Mellow Skin Studio

「My Website」や「Test」のような一般的な名前は避けてください。これらは、AIがブランドのポジショニングを理解するには情報が少なすぎます。

ブランドタグラインを入力する

ブランドタグラインは、「誰にどのような価値を提供するか」を1〜2文で説明する必要があります。広告のように聞こえる必要はありませんが、具体性が役立ちます。

具体性の低い例：

最高のサービスを提供

より具体的な例：

予約制のハンドドリップコーヒー体験と、忙しいプロフェッショナル向けのケータリングを提供。

2番目の例は、AIにターゲットオーディエンス、サービス形式、ユニークな機能についてのコンテキストを提供し、適切なホームページのタイトルと説明を生成しやすくします。

ステップ2：サービスの詳細と画像を提供する

このステップには、サービス画像（必須）とサービス説明（オプション）の2つのカードが含まれます。

サービス画像をアップロードする

少なくとも1枚の画像をアップロードする必要があります。システムは最大10枚までサポートします。これらは、製品、仕事、店舗、サービス環境、チームメンバーの写真、またはブランドを表すその他のビジュアルです。

サービスに直接関連する、鮮明で明るい画像を選択してください。ぼやけたスクリーンショットや無関係なビジュアルは避けてください。これらはAIのビジネス理解に影響を与え、生成されたサイトに表示される可能性があります。

サービス説明を追加する

オプションですが、サービス説明は非常に価値があります。AIがあなたの提供物、顧客の種類、プロセス、および独自のセールスポイントをよりよく理解するのに役立ちます。

次のような質問に答えることができます。

• どのようなサービスや製品を提供していますか？
• 主なターゲットオーディエンスは誰ですか？
• 顧客は通常なぜあなたを必要としますか？
• 他の選択肢と比べて何が違いますか？

例：

マーケティングプロフェッショナルがキャリアチェンジを支援するため、キャリアコーチング、履歴書レビュー、模擬面接を提供し、転職活動の方向性を明確にする。

このテキストは、AIが一般的な企業ではなく、「キャリアサービス」に特化したコンテンツを生成するのに役立ちます。

ステップ3：ウェブサイトのビジュアルを設定する

このステップでは、ブランドカラー、ホームページのカバー画像、ブランドロゴを収集します。これら3つすべてが必須です。

ブランドカラーを設定する

あなたのブランドカラーは、ウェブサイトで最も頻繁に表示されるプライマリテーマカラーであり、ボタン、リンク、または主要セクションなどの要素に使用されます。Kanorioは、さまざまなサイトテーマで十分な可読性を確保するために、ライトカラーとダークカラーの両方を必要とします。

カラーコードは、'#'で始まる6桁の英数字文字列で表されます。例：#0084FA。すでにブランドカラーがある場合は、直接入力してください。不明な場合は、ロゴに近い色を選択してください。システムが対応するダークバージョンを準備します。

ホームページカバー画像をアップロードする

カバー画像は、訪問者がウェブサイトに最初にアクセスしたときに表示される大きなビジュアルで、通常はホームページの上部にあります。あなたが誰であるか、または何をしているかをすぐに伝える画像を選択してください。例えば、店舗の外観、作品、サービスが実行されている様子、または主要な製品ビジュアルなどです。

ブランドロゴを選択する

ロゴは、ウェブサイトのヘッダーに表示されるブランドのマークです。画像ファイルがない場合は、ロゴ画像をアップロードするか、ブランドを表すアイコンを選択できます。このステップを完了するには、これらのいずれか少なくとも1つを設定する必要があります。

ステップ4：訪問者のアクションを定義する

最後のステップは、ボタン、ブランドリンク、連絡先情報のカスタマイズです。ここでの主な目的は、訪問者に「ウェブサイトを見た後、次に何をすべきか？」を伝えることです。

カスタムボタンを少なくとも1つ追加する

CTA（Call to Action）ボタンは、「今すぐ予約」、「製品を見る」、「お問い合わせ」など、訪問者に次のステップを踏むように促します。

少なくとも1つのボタンを完成させる必要があります。完成した各ボタンには以下が必要です。

1. アイコン
2. ボタンのテキスト
3. 有効な外部リンク

外部リンクは、予約システム、ソーシャルメディアページ、製品ページ、メール、または電話番号にすることができます。訪問者が正しい宛先に誘導されることを確認するために、自分でリンクをテストしてください。

ブランドリンクを追加する

ブランドリンクはオプションです。Instagram、Facebook、Threads、YouTube、またはその他のソーシャルメディアチャネルへのリンクを追加できます。これにより、AIとウェブサイトのフッターが既存の公開ブランドプレゼンスを認識できるようになります。

連絡先情報を追加する

住所、電話番号、メールアドレス、営業時間はいずれもオプションです。提供する場合は、フォーマットが正しいことを確認してください。例えば、電話フィールドは国/地域形式に基づいて検証され、メールは有効なメールアドレス形式である必要があります。

生成を押した後はどうなりますか？

ステップ4を完了して生成を押すと、Kanorioはウェブサイト生成ジョブを作成します。画面には、準備中、コンテンツ生成中、完了などの現在のステータスが表示されます。

生成プロセスでは、提供されたブランド情報を使用してビジュアルとコンテンツを処理し、編集可能なウェブサイトデータを構築します。システムがリクエストをキューに入れている場合、キュー内の位置または推定待ち時間が表示されることがあります。完了までページを開いたままにしてください。インターネット接続が一時的に切断された場合、システムはジョブステータスを再確認しようとします。

完了すると、成功メッセージとともにエディタに移動します。ウェブサイトはまだドラフトであり、公開されていません。

AI生成後の作業

まず、エディタで以下を確認してください。

1. ブランド名とタイトルは正確ですか？
2. 画像は適切に配置されていますか？
3. サービスの説明は実際のものと一致していますか？
4. CTAボタンは正しいURLにリンクしていますか？
5. モバイルプレビューは読みやすいですか？

AIによって生成されたコンテンツは最初のドラフトであり、最終的で変更不可能なバージョンではありません。セクションを直接クリックしてテキストを編集したり、画像を入れ替えたり、不要なコンテンツを削除したり、新しいモジュールを追加したりできます。

読む：エディタの理解