Wix Harmonyチュートリアル：最初のサイトを作って公開する

この手順では、空白のWix Harmonyサイトから公開できるものまで進めます。Ariaに頼んで下書きし、自分で編集し、モバイルで確認して公開する、シンプルなパンフレット型ホームページ（必要ならもう1ページ）です。

このチュートリアルにCMSは不要です。ディレクトリや検索可能なリストが必要になったらWix CMSガイドを使ってください。

終わりに手元にあるもの

スモールビジネス向けの小さなサイト：

• はっきりしたホームのヒーローと、いくつかの実セクション
• 自分の言葉と画像（AIのプレースホルダーコピーではない）
• AboutやServicesが必要なら2ページ目
• 基本的なSEOタイトルの入力
• プライベートウィンドウで開ける公開URL

ステップ0 — サイトを作る

オプションA — こちらの無料スターター

1. 無料スターターフローを開く。
2. Wixアカウントのメールアドレスを入力する。
3. サイトを作成し、メールの共同オーナー招待を承認する。
4. Harmonyでサイトを開く。

オプションB — Wixで作成

Wixアカウントから新規サイトを作り、求められたらHarmonyを選びます。

注意：HarmonyサイトはHarmonyのままです。あとからクラシックEditorやStudioには変換できません。

ステップ1 — Ariaに最初のホームを頼む（事業全体ではない）

Ask Ariaを開き、12ページではなく1ページを説明します。含めること：

• サイトの対象は誰か
• 何を売るか／提供するか
• トーン（落ち着き、大胆、親しみ、フォーマル）
• 欲しいセクション（例：ヒーロー、サービス3つ、短いAbout、連絡先）

例：

Build a calm homepage for a residential plumber in Austin. Homeowners who need fast repairs. Sections: hero with a clear “call now” button, three services (drain cleaning, water heaters, leak repair), three short trust points, and a simple contact strip with phone. Minimal layout, no fake customer photos.

生成し、キャンバスが落ち着くまで待ちます。結果は下書きとして扱ってください。

プロンプトの型はより良いHarmonyプロンプト。

ステップ2 — 本気で編集する

AI下書きを本物のサイトに変えるステップです。

1. プレースホルダーの電話番号・都市・主張を、裏付けられる事実に置き換える。
2. ストック画像を自分の仕事写真やブランド画像に差し替える。
3. メンテしないセクションは削除。短く正直なページのほうが長く汎用的なページに勝つ。
4. ナビのラベルが実際に残すページと一致しているか確認する。
5. Ariaが持っていないテスティモニアル、ライセンス、受賞を作っていたら削除する。

ステップ3 — 2ページ目を足す（任意だが有用）

パンフレットサイトの多くは少なくともHome + AboutまたはServicesが必要です。

1. ページを作成または複製する。
2. ヘッダーと余白のリズムをHomeと揃える。
3. 両ページをサイトメニューにリンクする。
4. 新しいページもAriaに頼んでも、手で作っても構いません—速い方で。

ステップ4 — 祝う前にモバイルを確認

Harmonyのレイアウトは自動で適応しますが、モバイルは人の目が必要です。

1. モバイル表示に切り替える。
2. 大きすぎる見出し、窮屈なボタン、大きな空白を直す。
3. デスクトップ専用の要素が邪魔なら隠す。
4. スマホの訪問者としてメニューを一度タップして通る。

ステップ5 — Googleが気にする基本を入れる

公開前に：

1. Home用の固有SEOタイトルとメタディスクリプションを設定する。
2. ページの話題に合う明確なH1を1つ保つ。
3. 主な画像にaltテキストを付ける。

詳しいリストはHarmony SEOチェックリスト。

ステップ6 — 公開してスモークテスト

1. デスクトップとモバイルでプレビューする。
2. 公開する。
3. ライブURLをプライベートウィンドウで開き、メニュー項目を一度ずつクリックする。

次にやること

関連

• Wix Harmonyガイド
• 無料スターターサイト
• WixのHarmony概要