モバイルサイトの作り方
モバイルに最適化されたWebサイトを持つことは、以前はWebデザインのいい特典と考えられていましたが、今では必須です。 実際、消費者はモバイル用ウェブサイト（小さな画面でも操作しやすく、読み込み時間が短い）に慣れているため、モバイルでうまく動作しない場合は、すぐにウェブサイトから離脱してしまうでしょう。
ビジネスのためのWebサイトをお持ちの方は、モバイル顧客がいかに重要であるかを何度も耳にしたことがあるでしょう。 そのとき、おそらく「では、私のウェブサイトはモバイル フレンドリーですか？」
Jimdoのモバイルウェブサイトビルダーを使用している場合、良い知らせがあります。 あなたのホームページは、自動的にモバイルフレンドリーなWebデザインのゴールドスタンダードであるモバイル対応になります。 Jimdoのモバイルサイトテンプレートは、特別なことをしなくても、どんな画面サイズにも自動的に対応します。
それでも、最高のモバイルサイトを作るにはどうしたらいいのか、そもそもモバイルフレンドリーなWebデザインの利点は何なのか、気になる方は、モバイルに関するいくつかのヒントを紹介しながら読み進めていってください。
なぜモバイル フレンドリーなWebサイトがそれほど重要なのか
多くの人がモバイルを使用しています。 モバイルウェブサイトの利用（言い換えれば、外出先でスマートフォンやタブレットからウェブサイトを利用すること）は、ここ数年増加の一途をたどっています。 2015年、Googleは、史上初めて、モバイル端末から検索する人の数がデスクトップやラップトップコンピュータから検索する人の数を上回ったと発表しました。
モバイルフレンドリーにすることは、Googleランキングに貢献します。 そのため、このような場合にも、「痒いところに手が届く」ような感覚でご利用いただけます。 これは、誰かが携帯電話から「ピザ」を検索した場合、Googleはその人の近くのモバイルに最適化されたウェブサイトを検索結果に表示する可能性が高くなることを意味します。
モバイルの顧客は、地域に密着し、購入する準備ができている傾向があります。 モバイル端末で Web サイトを訪れる人は、より地域に密着していることが多く、外出先から購入する可能性も高いです。 携帯電話から「ピザ」と検索した場合、それはおそらく今すぐピザが食べたい、すぐ近くにあるピザが欲しいからでしょう。 しかし、モバイル消費者は、今この瞬間にコンタクトを取り、行動を起こすことに重点を置いているため、ローカル検索最適化は非常に重要です。
Bring your business online with Jimdo.
What is a responsive website?
If you ever visited the website on your mobile phone and found yourself to read the text shinting or constantly zoom in and out to see everything, then you certainly know what visiting a mobile “unfriendly” site is like.Assembly of the Mobile Website. イライラする。
そこで、私たちはレスポンシブ デザインを使用することをお勧めします。 レスポンシブWebサイトは、訪問者が使用しているデバイスの種類に応じて、解像度、画像サイズ、メニューなどを自動的に調整し、異なる画面サイズでも意味をなすようにします。
レスポンシブWebサイトでは、モバイルデバイス専用のWebサイトやモバイル用のランディングページを個別に作成する必要がなく、すべてのユーザーが同じレスポンシブサイトで幸せに共存することができるのです。
Webサイトをモバイルフレンドリーにする方法
携帯電話やタブレットでのWebサイトを改善するために、他にもいくつかの簡単な手順があります。
Google の「モバイル フレンドリー」テスト。 便利なことに、Google は、Web サイトの多くのモバイル問題を診断する簡単で無料の方法を提供しています。 Google のモバイル フレンドリー テストにアクセスし、Web サイトの URL を入力するだけです。 このテストは、例えば、あなたのテキストが小さすぎる、または人々が指でヒットするために近すぎるボタンやリンクのようなタッチ要素であることを教えてくれるかもしれません。 また、これは一般的にウェブサイトのアクセシビリティをチェックするのに最適な方法です。
ビジネスを際立たせるロゴをデザインする。
最高のモバイルWebサイトのためのヒント：
- ページをすばやく読み込むようにすることです。 モバイルユーザーは遅いインターネット接続を使用している可能性が高いので、あなたのサイトが迅速に読み込まれ、データプランを食べていないことがより重要である。 ページの速度をテストするために使用できる無料のツールがあり、より速くするために何ができるかを推奨してくれます。 たとえば、非常に大きな画像を縮小したり（下記参照）、速度を低下させている不要なプラグインやポップアップを削除したり、使用しているURLリダイレクトの数を減らしたりすることができます。
- 画像とロゴのサイズ変更と最適化。 Web サイトの画像やロゴは、実際に必要なサイズよりもはるかに大きくなっていませんか？ たとえば、ストック フォト サイトの写真や、優れたデジタル カメラで撮影した写真でさえ、ファイル サイズが大きく（1 MB 以上）、ウェブサイトの速度が低下する可能性があります。 しかし、TinyPNGやTinyJPGといった無料のツールを使えば、品質を落とさずに写真を「圧縮」することができます。 また、写真のサイズを小さくすることもできます（たとえば、幅2000ピクセルではなく800ピクセルにする）。 画像に関するヒントやハウツーについては、「How to Optimize Website Images for Better Design and SEO」を参照してください。
- シンプルで短いナビゲーションメニューを使用する。 Web サイトに多くのページやサブページがある複雑なナビゲーション メニューがある場合、モバイル訪問者が必要なものをすばやく見つけることが難しくなります。 より現実的なレベルでは、正しいリンクを指で狙い、うまく突くことが難しくなります。 ナビゲーションメニューを短く、シンプルにすることは、デスクトップの訪問者にとっても、あなたのウェブサイトをより使いやすくすることにつながるのです。
- 明確な連絡先情報を作成する。 このような場合、「ディアボロス」は、「ディアボロス」を「ディアボロス」と呼びます。 また、携帯電話で問い合わせフォームに入力するのは時間がかかり、煩わしいので、誰かがクリックできる電話番号と電子メールアドレスを必ず入れてください。
- 最も重要なコンテンツを最初に表示する。 Webサイトの訪問者は、必要な情報をすばやく見つけたいと考えており、外出先ではなおさらです。
- 大きなテキストとボタンを使用する。 モバイル機器を使用する人がウェブサイトを快適に使用できるようにするには、予想以上に大きなテキストとコールトゥアクションボタンが必要です。 これをテストする最善の方法は、さまざまな表示モードで自分のWebサイトを見ることです。 これにより、さまざまな画面でサイトがどのように表示されるかがわかり、すべてがどのように見えるかを自分の目で確認することができます。 さらに、友人や親戚（または眼鏡をかけている人）に頼んで、あなたのウェブサイトをテストしてもらい、その感想を教えてもらうとよいでしょう。
- Flashアニメーションは使わないでください。 Flash の効果やアニメーションは iPhone や iPad では動作しないため、視聴者の大部分は、あなたのサイトにあるものを見ることができなくなります。 Jimdoでは、スマートフォンやタブレット端末に対応したHTML5を採用しています。
モバイルサイトのよくある間違い
- モバイルデバイスから自分のウェブサイトを見るのを忘れている。 通常、コンピュータから自分のWebサイトを操作している場合、たまにモバイル表示を確認することを忘れることがあります。 しかし、そうすることで、ノートパソコンからは決して気づかないような小さな不都合をピンポイントで発見することができます。
- エンドレス スクロール。 人々の親指にやさしく!
- 超詳細なインフォグラフィックス。 インフォグラフィックは、Webサイトには最適ですが、インフォグラフィックが小さな画面に合わせて縮小されると、読めなくなることがあります。 必ず自分でテストしてください。 1つの大きなインフォグラフィックを、より小さな別のグラフィックに分割するのが最善だと分かるかもしれません。
- 多すぎるテキスト。 コンピュータの画面上で正常に見えるテキストの段落は、携帯電話の画面上で戦争と平和のように渡って来るかもしれません。 段落を短くし、箇条書き、見出し、画像で大きなテキストブロックを分割しましょう。
- Touch elements too close together.ここでは、読みやすいWebサイトのテキストに関するより多くのヒントがあります。
- Flashの使用：Flashの効果やアニメーションは、iPhoneやiPadでは動作しないため、視聴者の大部分はサイト上のものを見ることができません。 Jimdoのサイトは、すべてのスマートフォンやタブレットに対応した最新のHTML5を使用しています。
- フォームへの入力が必要なもの。 正直に言うと、誰も携帯電話からWebフォームに入力したくはないでしょう。 フォームが必要な場合は、できるだけ短くしてください。 あるいは、電子メールや電話など、別の方法で情報を送信してもらうのがよいでしょう。
Jimdo: 最高のモバイルWebサイトビルダー
Jimdo は、モバイルフレンドリーなWebサイトやモバイルランディングページを構築するための最も簡単な方法です。 簡単なビルディングブロック、自動的なモバイル対応、さらに外出先から自分でサイトを編集することができるため、あなたのウェブサイトがモバイルフレンドリーで、すべての顧客に最適であることを保証します。