Wixの使い方を徹底解説｜ホームページ作成手順14ステップ

コーポレートサイト: 企業情報を掲載。会社概要や過去実績など。

ブランディングサイト：ブランドの世界観を顧客に訴求。デザイン性重視。

サービスサイト：カタログや見積もり依頼、予約などができるサイト。

ショップ（EC）サイト：商品やサービスを陳列し、購入してもらう。

ランディングページ（LP）：商品やイベントなど、キャンペーンの告知など

リクルートサイト：採用情報や会社概要を掲載。応募フォーム。

オウンドメディア：ブログサイトなど。知識や情報をシェア

ポートフォリオサイト：作品を掲載

簡潔： 打ち間違えそうな長い名前より、短く覚えやすいものが最適です。

シンプル： 記号や特殊文字、数字の利用は控えましょう。

プロフェッショナル： 混乱を避けるために、ドメイン名にはあなたのビジネス名称を使用しましょう。

連想的: ドメイン名を見ただけで事業内容がわかるのが理想です。ビジネスに関連する単語を組み込むのも良いでしょう。
 

プロダクト／サービスページ
 プロダクトページは訪問者にあなたの商品やサービスを紹介し、販売につなげるためのページです。高画質の商品写真、詳細かつ説得力ある商品説明、販売条件（配送・返品ポリシーなど）を明確に記載しましょう。
 

会社概要ページ
 あなたの会社やブランドを象徴するストーリー、価値、その実現方法など、ビジネスに関する情報を記載するページです。「私」や「当社」など、自身の思いが伝わる一人称を使い、（目標から大きく外れない範囲で）少しユーモアも交えた文章を作成してみましょう。また、あなたと取引をするクライアントはやはり取引先の顔が見たいものです。あなた自身やチームメンバーの写真も忘れずに追加しておきましょう。
 

お問い合わせ
 Web サイトを見た訪問者があなたにすぐに連絡できるよう、電話番号、住所、ビジネス用のメールアドレス、ソーシャルメディアアカウントなどの連絡先情報を記載しておきましょう。ライブチャットを追加して、その場で訪問者の質問に回答することもできます。
 

ブログ
 ブログは Web サイトのアクセス数を増やすためにも効果的で、それ自体を収益化する方法もいくつかあります。これまで遭遇した問題を解決するためのヒント、方法、コツなど、読者の役に立つ内容を執筆するのがアクセス数を増やすポイントです。
 

お客様の声
 良い顧客体験をした後に「その会社やブランドを他の人に勧めたい」と考える消費者の割合はなんと 69 %。顧客からのレビューをサイトに掲載して、口コミ効果で売上アップを目指しましょう。

アーキテクチャ
 一軒家の中にある部屋のように、サイト上のページもお互いが適切に、そしてスムーズにつながっていなければなりません。Web サイトのナビゲーションを向上させるためには、ページ間の内部リンクが有効です。「2クリックルール」に従って、トップページ→ページ①→ページ②のように、Web サイトのどのページからでも2クリック以内で他のページに移動できるような構造を考えましょう。
 

配色
 マーケティングでも色彩心理学が取り入れられているように、色は人の感覚に大きな影響を及ぼします。ホームページの配色で基本となるのは、ベースカラー（約 60 %）、メインカラー（約 30 %）、アクセントカラー（約10 %）の 3 色です。無料のカラーパレットジェネレーターや、Web サイトのカラースキームに関する資料等を参考にして最適な色の組み合わせを決めていきましょう。
 

CTA（行動喚起）
 訪問者に期待する行動を取ってもらうためのメッセージです。Web サイトには「今すぐ登録」「今すぐチェック」「今すぐ購入」などの CTA が多く配置されているので、他のサイトを見てみるのも良いでしょう。CTA はボタンやテキストリンクなどの形が一般的です。短い文言に命令口調の動詞を組み入れ、「今すぐ」など緊急感を掻き立てるフレーズを入れておきましょう。
 

フォント
 質の高いコンテンツを用意しても、読んでもらえなければ意味がありません。Web サイトに最適なフォントをいくつかチェックして、読みやすく、ブランドのアイデンティティやサイトの外観にマッチするものを選びましょう。好みに合った無料フォントを Wix にアップロードして使用することもできます。タイポグラフィ（デザインの書体や構成・表現全般）という言葉は大げさに感じられるかもしれませんが、サイトの見やすさはユーザビリティ面でも非常に大切だということを覚えておきましょう。サイト上で使用するフォントは最大 3 種類までにとどめましょう。多くのフォントを使いすぎると統一感に欠けてしまいます。
 

フッター
 サイトの一番下にあるセクションです。フッターは訪問者がすぐに目にする部分ではありませんが、ユーザビリティを向上させるためにさまざまな工夫を施すことができます。たとえば、詳しい連絡先情報を記載したり、サイトのカテゴリーにリンクするシンプルなメニューを配置したり、サイトの免責事項を記載するのだって良いでしょう。フッターの存在を少し意識するだけで、ホームページのユーザーエクスペリエンスを飛躍的に向上させることができます。
 

メニュー
 Web サイトには必ず備わっている基本要素。クリックすることでサイトのカテゴリーを自由に移動できます。そのため、メニューバーはサイトのすべてのページに表示させる必要があります。メニューの種類は色々ありますが、画面固定型のメニュー（訪問者がスクロールダウンしても同じ位置に固定される）を設置することをおすすめします。画面を下スクロールしたときにメニューの位置が動いてしまうとユーザビリティに影響するからです。モバイル版のメニューでは表示領域が狭くなるため、カテゴリーの数を最小限に抑えましょう。
 

動き（モーション）
 Web サイト上に存在するすべての非静的な要素のことです。モーションはさまざまな形状、サイズ、位置で適用することができます。マウスオーバー効果を追加したり、Wix ビデオメーカーで作成したオリジナル動画をページ背景として使用することもできます。アニメーションは訪問者の注意を引くのに有効ですが、やりすぎは禁物です。節度ある美しいサイトに仕上げるよう心がけましょう。
 

スクロールエフェクト
 その名の通り、訪問者がサイトを上下にスクロールしたときに現れる効果のことです。洗練された動きで訪問者を惹きつけ、ページ内の異なるレイヤー間の移動をスムーズに演出します。パララックススクロールという言葉を聞いたことはありませんか？視差効果を利用して本格的な 3D 効果を実装できるテクニックのことで、Web デザイン界でも年々人気が高まっています。このほか、Wix ではスクロールダウンで徐々に要素が表示される「リヴィール」や重要なポイントにフォーカスする「ズームイン」など、他にもさまざまなスクロールエフェクトを利用することができます。
 

空白
 ホームページ上の何も表示されていない領域を指します。焦ってスペースを埋めようとする必要はありません。画像やコンテンツの間に空白を入れることで訪問者も「ちょっと一息」つくことができ、結果としてより良いユーザーエクスペリエンスにつながります。

キーワード
 キーワード調査を行って、自分のサイトに関連のあるキーワードを絞り込みましょう。まずは、潜在的な訪問者が Google であなたのサイトを見つけるために使いそうな検索用語を考えてみます。
 
 キーワードの案がそれなりに出揃ったら、その中からメインとなるキーワードをひとつと、その下位のサブキーワードをいくつか選びます。そして、選んだキーワードをコンテンツ全体に散りばめましょう。なお、キーワードをこれでもかと盛り込むのはやめましょう。コンテンツ内に不自然にキーワードが含まれている「あからさま」なページは検索エンジンから評価されなくなってしまうからです。
 

SEO 内部対策
 SEO の内部対策 とは、検索エンジンにページの概要を伝えるための手法です。Wix エディタでは、サイトの各ページにメタデータを記入する欄があります。ここで各ページの URL、SEO タイトル（Google 検索結果で青字で表示されるリンク部分）、ディスクリプションを設定します。訪問者は気づかないところかもしれませんが、検索順位を決める上では必要不可欠な要素です。
 

階層
 Google ボットはきちんと構造化されたサイトを好む傾向にあります。各ページのコンテンツを作成する際も、重要な内容を最初に配置したり、セクションごとに異なる見出しをつけてその下に短い段落をつなげたりと、階層を少し意識してみましょう。SEO 効果を高めることはもちろん、Web コンテンツを流し読みする傾向が高まりつつある訪問者にとっても読みやすいサイトに仕上がります。
 

ローカル SEO
 実店舗や拠点のあるビジネスなら、その「特定の地域の人々」が検索した結果画面に自分のサイトを表示させる方法を考えてみましょう。Google マップに情報を表示させたい場合はまず Google マイビジネスへの登録が必要です。また、すべてのオンラインチャネルに同じ連絡先情報が掲載されていることも重要です。ローカル SEO の基本を学んで地元の顧客に自身のビジネスをアピールし、実店舗への訪問者数を増やしていきましょう。
 

代替テキスト
 Google はウェブサイト上の画像を視覚的に見て理解することはできません。よって、画像を含めたサイト全体のコンテンツを Google に理解させたり、画像検索で結果画面に表示されるためには、 画像に代替テキストを設定する必要があります。代替テキストは訪問者には見えませんが、画像の内容を Google が判断するために重要な役割を果たしているので、設定をお忘れなく。
 

内部リンク
 サイト内のページ間リンクが多いほど、Google ボットがサイト内を巡回しやすくなり、サイトコンテンツをよりよく理解できるようになります。内部リンクを戦略的に挿入することは、結果的に Google からのサイトの評価を高めることにつながります。訪問者により多くのページを見てもらうためにも、サイト全体に各ページへのリンクを分散させて配置しましょう。

ブッキング
 何らかのサービスを提供する Web サイトには、年中無休で稼働可能なオンライン予約や決済機能が必要です。Wix ブッキングならスタッフのカレンダー管理から便利なマーケティングオートメーションまで、業界最先端をいく数々の機能をご利用いただけます。しかも、オンライン決済を行った場合の手数料は一切かかりません。
 

eコマース
 オンラインで商品を販売して安定した収益源をつくるには、ネットショップが最適です。注文の追跡、手軽なオンライン決済、ドロップシッピングを利用したビジネス拡大など、Wix のプラットフォームひとつですべての業務を管理できます。
 

写真販売
 自分の作品を Web サイトで公開したい、写真をオンラインで販売したい、魅力的なサイトで新規顧客を獲得したい場合などには、専用のテンプレートと機能を利用したフォトグラフィー Web サイトを作成してみましょう。こちらのヒントを参考にインスピレーションをつかんで、写真家としてのキャリアとビジネスを伸ばしていきましょう。
 

音楽配信
 Wix ミュージックは自分の感性とクリエイティビティ溢れるサイトを通じてオーディエンスを増やしていきたい音楽家向けの画期的なプラットフォームです。Web サイトを通じて自分の音楽を直接販売し、100 %の利益を獲得することができます。サイトで販売された音楽は、120 件のデジタルストアにも同時配信されます。
 

ホテル
 Wix なら、予約の管理、各言語での客室予約、即時予約確認メール、オンライン決済など便利な宿泊管理機能を備えたホテルサイトを作成できます。専用のテンプレートとヒントを活用して、宿泊客の気分を盛り上げる本格的なホテルサイトを作成しましょう。
 

レストラン
 オンライン注文や席予約など、顧客が便利に利用できる本格的なソリューションを備えたレストランサイトも簡単に作成できます。訪問者を惹きつける美味しそうなメニュー写真を掲載したり、Facebook ビジネスアカウントや Foursquare ページとリンクさせてビジネスの機会を拡大させましょう。レストランのホームページ事例も参考にしてデザインを考えてみては？

ライブチャット
 チャットを導入するだけで売上に驚くほどの効果が出ることも。実際、Wix の独自調査では、Web サイトにライブチャット機能をインストールした場合わずか1か月後に予約数が 33 %、売上が 39 %増加したという結果が出ています。
 
 サイトにチャット機能を追加することで、訪問者があなたと連絡を取れる確率がぐんと高まります。迅速なカスタマーサポートを提供したり、商品を購入するか迷っている訪問者の背中を押したり…画面上でユーザーと直接連絡が取れるだけでエンゲージメントに大きな違いが生まれるのです。
 

ソーシャルメディア
 Web サイトと同様、ソーシャルメディアチャネルはオンラインプレゼンスを高めるための重要な要素です。まずは Web サイトと SNS アカウントを相互にリンクさせましょう。SNS アカウントにはサイトの URL を記載し、サイトのトップページにはソーシャルアイコンを追加します。これらのアイコンはメニューバーのすぐ下、ページの左右、またはフッターなど見えやすい場所に配置するのが基本です。

メールマガジン
 かつてオンラインマーケティングの要とされていたメルマガは、今でもホームページへのアクセスを伸ばし、ビジネスを盛り上げてくれる頼れる存在です。最新のセール情報を告知したり、ブログ記事を宣伝したり、会社の節目や業績を記念するコンテンツを配信したり、購読者にさまざまな情報を伝えることができます。まずはメーリングリストの購読者数を増やすために、サイト上にライトボックスを追加して定期購読への登録を促しましょう。それと同時に初回のメルマガ配信をはじめます。Wix のメルマガ機能なら、豊富に揃ったテンプレートで簡単に美しいメルマガを作成・送信し、ダッシュボードから開封率などの統計を一目で確認することができます。
 

フォーム
 ホームページにオンラインフォームを設置して、訪問者から商品、サービス、サイト、またはカスタマーサポートなどに対する意見を安全に収集しましょう。顧客から収集した意見を「お客様の声」としてサイトに掲載するのも良いでしょう。フォームに含めるフィールド数は最小限にとどめ、最も欲しい情報のみを聞くのが回答率を高めるコツです。質問が多すぎると、フォームの入力自体を面倒だと感じてしまうユーザーが増える可能性があります。

テキストは校正済みか
 いくら美しいサイトを作っても、スペルミスや誤字脱字があるとプロとしての信頼が損なわれてしまいます。
 

ページのナビゲーションが使いやすいか
 2～3回以上クリックしないとサイトの重要なページに到達しない場合は、メニューの見せ方やサイト構成を再検討する方が賢明です。
 

サイトがスマホ向けに最適化されているか
 インターネットユーザーの約 50 %はモバイル端末から Web サイトを閲覧すると言われています。スマホサイトが見づらいという理由で半数のユーザーを逃さないよう、きちんとチェックしましょう。
 

すべてのリンクが動作するか
 リンクをひとつひとつクリックして、エラーページに遷移しないことを確認します。また、サイトからの離脱を防ぐために、外部リンクは新しいタブで開くことをおすすめします。
 

すべての SEO 項目が正しく設定されているか
 代替テキストからタイトルタグまで、確認すべき SEO 項目は多数あります。Wix 独自の SEO ツールを活用して検索順位アップとオンラインプレゼンスの強化に努めましょう。

Google アナリティクス
 この名前を聞いたことがない、という方はおそらくいないのではないでしょうか？ページの訪問者数、流入元、ブログページでの滞在時間など、Web に関するありとあらゆる情報を無料で収集できる Google の看板ツールです。ぜひ、効果的な使い方を学んでみてください。
 

Google Search Console
 主要な検索エンジンでの順位付けについてもっと知りたいという場合はこちら。サイトが検索されたホットなキーワードから時系列的なパフォーマンスまで、オーガニック検索からのトラフィックに関する詳細なインサイトを入手できます。はじめて導入する場合は、こちらの入門ガイドもご覧ください。
 

ヒートマップ
  詳細なカラーコードを使用して、サイト訪問者がページのどこを見ているのか、また何をクリックしたのかなどという行動を視覚化するのがヒートマップです。この結果をもとにデザインやコンテンツを改善することができます。Wix なら Crazy Egg や Hotjar など、数々の主要なヒートマップ機能を使うことができます。