2013年10月9日4 分

Wixでスマホ対応サイトを無料作成|より快適に、美しく

最終更新: 11月28日

スマートフォンに最適化されたホームページを作成するため、Wix ではすべてのサイトでモバイル表示への最適化が可能です。

クリック一つで、 スマートフォン用に最適化されたサイトが自動的に作成されます。さらに、作成したデスクトップサイトのデザインを崩すことなく、モバイルサイトのデザインのみを調整できます。
 

 
スマートフォンでのインターネット利用がますます増加する中、モバイルフレンドリーなウェブサイトは SEO ランキング向上にも貢献するでしょう。それでは、早速 Wix でモバイル版サイトを作成する方法を紹介します。

スマートフォン用サイトのニーズ

スマホサイトを作成することは、もはや「あったらいいな」というレベルを超え、必要不可欠な存在になっています。その事実は数字にも現れており、SimilarWebの算出によると、モバイル端末からのトラフィックシェアは 78% を超え、デスクトップからトラフィック 23% となりました。

スマホ用に最適化されたサイトは、より多くのターゲット顧客にリーチすることができ、いつでもどこでも簡単にあなたのサイトにアクセスしてもらえます。ホームページを作成する際は、スマホ表示への最適化を必ず念頭に入れておきましょう。

スマホサイトの編集方法

Wix のモバイルエディタを使うと、簡単にあなたのサイトをスマホ用に調整することができます。以下のシンプルな手順に従ってください。

01. Wix にログインし、エディタ画面で編集したいサイトを開きます。

編集画面の左上のモバイルアイコンをクリック。

02. 左上に表示されるスマホアイコンをクリックしてモバイルエディタへ切り替えます。

03. スマホの表示フォーマット変わったら、早速サイトを編集しましょう。ここで編集した変更はPCサイトには適用されませんのでご心配なく。

04. 編集が完了したら、モバイルツールからモバイルナビゲーションを追加するオプションを選択します。

05. プレビューをクリックしてスマートフォンでの表示方法を確認します(オプショナル)

06. 準備が整ったら公開をクリックして完成です。

Wix モバイルサイトを既にお持ちの方

既にモバイル版の Wix サイトをお持ちの方は、SEOもモバイルフレンドリー化進めることを推奨します。
 

モバイルファーストインデックス
 
Googleは、モバイルファーストインデックスを導入しています。モバイル版のサイトがデスクトップ版より重要視されるというものです。モバイルサイトの最適化は必須です。

モバイルフレンドリー化のコツ

01. 文字サイズの調整

十分な文字サイズ: スマホの小さな画面でも読みやすいように、文字サイズを適切に調整しましょう。一般的には 16 px 以上が推奨されています。

行間: 行間を調整することで、読みやすさを向上させます。

02. タップしやすいボタン

十分な大きさ: ボタンは、指でタップしやすい大きさにしましょう。

適切な間隔: ボタン同士の間隔を十分に空けることで、誤タップを防ぎます。

03. ページスピード

モバイルページの読み込み速度は、ユーザー体験だけでなく、SEOランキングにも影響します。画像の圧縮や不要な要素の削除など、ページスピードの改善に努めましょう。

もっと詳しく▼

ページ表示速度を改善する方法」についてはこちらの記事もご覧ください。

Wixサイトをスマホで編集する方法

スマホアプリ「Wix Owner アプリ」を使えば、スマホから Wix サイトの作成や編集ができることはご存知でしょうか?外出先でも作業したい、そんな方でも手軽に、スマホだけでさまざまなアクションが可能です。

Wix Owner アプリでできること

  • サイトの編集
     
    テキストの編集、画像の追加、レイアウトの変更など、パソコンとほぼ同等の編集が可能です。
     

  • ブログ記事の作成
     
    ブログ記事の作成、編集、公開も簡単に行えます。
     

  • ストアの管理
     
    オンラインストアを運営している場合は、商品情報の追加や注文管理なども可能です。
     

  • 通知の確認
     
    サイトへのアクセス数や問い合わせなどの通知をリアルタイムで確認できます。

まとめ

Wix の直感的な編集機能を使えば、初心者の方でも簡単に魅力的なモバイルサイトを作成できます。本記事で紹介した方法を参考に、ぜひ自分だけのオリジナルなモバイルサイトを作ってみてください。

さあ今すぐスマートフォン表示に最適化したウェブサイトを手に入れよう。

Wix の詳しい Wix 機能はこちらもチェック。

おすすめ関連記事

ライター: Wix Team