事実：今日、2人に1人以上がモバイルからインターネットにアクセスしている。インスタグラムのアカウントをチェックするにしても、Amazon で新しいレンズを購入するにしても、お気に入りの写真ブログを読むにしても、古き良きデスクトップに目を向けるよりも、スマートフォンを鞘から外すことの方が多いだろう。驚くことではないが、これは訪問者や顧客も同じである。彼らがあなたの オンライン・ポートフォリオ彼らの大半は、スマホやタブレットからアクセスします。
これらのデバイスの画面サイズのため、デスクトップ用に作成したウェブサイトが必ずしも最適化されているとは限りません。実際、画像が切り取られたり、テキストが歪んだり、メニューが見づらくなったりする可能性が高い。だからこそ、「自分のウェブサイトはモバイルフレンドリーか？フォトグラファーにとってはなおさらです。あなたの最も貴重な資産である写真が、その品質とフォーマットに敬意を払いながら、あらゆるスクリーンできれいに表示されることを確認したいからです。
どうすればいいのか？移行は見た目ほど複雑ではありません。Wixでは、スムーズで直感的なウェブサイトエディターの下で唸りをあげる強力なアルゴリズムのおかげで、ほとんどの作業はすでに自動的に行われています。しかし、一部の調整は手動で行う必要があり、モバイルの訪問者が同じ閲覧体験を楽しめるようにします。このガイドでは、あなたの写真ウェブサイトが小さな画面でも同じように美しく見えるようにするためのすべての手順を説明します。
なぜモバイルフレンドリーなウェブサイトが重要なのか？
第一の理由は、あなたが情熱とエネルギーを注いだポートフォリオの品質を保つためです。先にも述べたように、フォトグラファーとしてのあなたの宝物は画像ギャラリーです。ほとんどのウェブサイトエディタは、モバイルの小さなスクリーンに転送すると、画像をトリミングしたり歪めたりします。2つ目の理由はパフォーマンスだ。4G（および5G）ネットワークのおかげで、携帯電話は現在、驚異的なダウンロード速度を楽しむことができる。しかし、リクエストからバイトが訪問者の携帯電話に届くまでには、まだ「待ち時間」と呼ばれる遅延があります。モバイルでは通常、遅延が大きく、画像の表示に遅延が生じます。これが、あなたのポートフォリオのモバイル版が軽量化されなければならない理由です。
最後になるが、SEOの問題である。2015年4月21日、Google 、モバイル検索結果においてモバイルフレンドリーなページを後押しするため、アルゴリズムを大幅に再構築した。このアップデートは非常に重要であったため、世界中のウェブマスターや開発者はこれを「モバイルゲドン」と名付けた。やや印象的なニックネームに騙されてはいけない。実はこのシフトには多くのメリットがあるのだ。スマホやタブレットでのデザインやUXが優れていると見なされれば、これらのデバイスのユーザーに見つけてもらえるチャンスが増えるのだ。
ナビゲーションを楽にする
モバイルでは、ナビゲーションが特に厄介で、多くの訪問者を失う可能性があります。最悪の状況は、コンテンツが多すぎるために、ユーザーがサイトの様々なカテゴリーを参照するためにズームインしなければならない場合です。幸いなことに、Wixはモバイル版サイトのために特別に一連のメニューをデザインしました。これらのメニューは、小さなスペースを賢く利用し、スマートフォンやタブレットユーザーの閲覧習慣にフィットします。いつものように、Wixでは、色からフォント、エフェクトまで、完全に簡単にカスタマイズすることができ、全体的なデザインとスムーズに統合することができます。
その上で、必ず 検索バーを追加することをお忘れなく。そうすることで、欲しいものを手に入れるまでのステップ数を減らすことができます。これはすべて時間の節約に役立ち、ひいてはサイトの直帰率を下げることに貢献します。直帰率が低いということは、SEOランキングの向上にもつながるので、ぜひこのステップを踏んでいただきたい。サイトのUX（ユーザーエクスペリエンス ）を高める最後のヒント：ロゴをホームページにリンクさせましょう。こうすることで、訪問者はあなたの最も中心的なコンテンツに「ワンクリック」でアクセスできるようになります。当たり前のことのように思えるかもしれませんが、多くの（才能ある）ウェブデザイナーが忘れているので、言っておく価値があります！
余分なものを取り除く
サイズは本当に重要なのか？好むと好まざるとにかかわらず、答えは「イエス」だ。スマートフォンの画面には、文字通り余分なものを入れる余地はありません。あらゆる要素（それがテキストの一部であれ、画像であれ、ボタンであれ）が、あなたのデザインに劇的な負荷を与え、速度を低下させ、ナビゲーション・プロセスを台無しにする可能性があります。覚えておいてください：あなたの訪問者は、デスクトップ画面で提供される豊富な機能を楽しむことができません。そのため、モバイル版の写真サイトでは、最も重要なものだけを表示するようにしてください。
Wixモバイルエディターは、あなたのモバイルサイトからデザインの余計な要素を自動的にマスクします。残りのコンテンツの優先順位付けに費やす貴重な時間を大幅に節約できます。デスクトップ版のサイトにあるすべてのテキスト、画像、その他のアイテムのリストを作成してください。最も重要な要素を最初に強調し、あまり重要でない要素は捨てても問題ありません。心配しないでください。 要素を非表示にするを非表示にするだけです。これらの修正はデスクトップ版には影響しません。
レスポンシブ・ギャラリー
オンライン・ポートフォリオの背骨は フォトギャラリー.その作成には、可能な限り最高のツールを使いたいものです。あなたはラッキーです！このツールはすでに存在し、Wix Pro Galleryという名前までついています。 便利なことに、エディターの「ギャラリー」セクションにあります（無料）。 プロギャラリーは、あなたの写真が小さなスクリーン上でもコンピューター上と同じように美しく見えるようにするために、Wixの開発者によって考案されました。プロギャラリーは自動的にあなたの写真を識別し、訪問者のデバイスの正確なピクセル数に合わせます。言い換えれば、あなたのフォトギャラリーが全てのスクリーンで完全に反応するようにします。プロギャラリーは、閲覧者が画質を損なうことなく、写真のサイズを拡大するためにダブルタップすることさえ可能にします。
しかし、素晴らしい画像だけでは十分ではありません。ウィックス・プロ・ギャラリーは、モバイルデバイスのメモリ、中央処理装置（CPU）、グラフィック処理装置（GPU）を最大限に活用し、優れたパフォーマンスを発揮するように設計されています。HTTP 2.0と呼ばれるプロトコルと、携帯電話のコアネットワークに近接したサーバーの配列のおかげで、待ち時間の問題さえも解決しています。こうして、あなたの写真は訪問者のスクリーンに素早く安全に表示される。これは、ほとんどのウェブサイトプラットフォームが投資できない、または投資したくない高価なソリューションです。Wixは、このツールが写真コミュニティにとってどれほど有益であるかを理解したため、疑うことなくこのツールを導入しました。
背景の最適化
デバイスの多様性は、技術愛好家にとっては喜ばしいことだ。しかし、ウェブデザイナーや写真家にとっては悪夢でもある。確かに、ウェブサイトの写真は余白なく、画面全体を占めるようにしたいものです。もちろん、画像をトリミングすることもありません。しかし、すべてのデバイスに完璧にフィットする画像を用意することは不可能です。この課題にうまく対応するためには、新しいiPhoneやサムスン端末のようなほとんどのハイエンド端末に合うように、アスペクト比16×9で撮影するのがベストプラクティスです。それ以外のデバイスでは、色による緩やかな余白が得られます-これは、ウェブサイトのデザインに合わせて簡単にカスタマイズできます。フォトグラファーは、アスペクト比が16×9でないデバイスで写真を引き立てるために、最適な背景色を選択する必要があります。
連絡が取りやすいこと
モバイル・インターネット・ユーザーは、核となる情報に直接アクセスする必要がある。これには連絡先の詳細も含まれます。もし彼らがあなたの電話番号を見つけるために、あなたのサイトの一番下までスクロールダウンしなければならないなら（そしてその途中で指紋を焼かなければならないなら）、あなたは多くの依頼された仕事を逃すことは確実です。ここでの最善の解決策は モバイルアクションバーを追加する.これは、あなたのサイトのモバイル版に追加されるレイヤーで、訪問者がボタンをクリックするだけで、電話、Eメール、ソーシャルメディアを通じて直接あなたに連絡できるようにするものです。さらに、このストリップはエレガントなデザインになっています。このストリップのデザインはエレガントで邪魔になりません。
読みやすさの向上
モバイルでサイトを閲覧する場合、訪問者はおそらく屋外で、雷の状態が悪く、急いでいることが多いでしょう。つまり、彼らがあなたのテキストコンテンツを消費するのは非常に難しいということです。モバイルサイトでは、短いパラグラフのみにすることで、彼らの生活を楽にしましょう（そして、さらなる頭痛の種を避けましょう）。もちろん、これはブログ記事の場合ではありません。ホームページに関しては 「私についてまたは写真サービスの説明については、短ければ短いほどよい。
その上で、フォントのサイズにも気を配りましょう。そうでなければ、訪問者はあなたのすべての最初の単語の最初の3文字しか見ることができません。一方、14ポイント以下のフォントは避けましょう。文章を読むために閲覧者にズームインしてほしくないからです。また、読みやすさを向上させるために文字と文字の間隔を十分に取り、背景とテキストの色のコントラストを最適化することで、後者を自然に目立たせることができます。
タイピングを制限する
モバイル・タッチパッドでのタイピングは最も楽しいものではない。文字が小さすぎて、スペルを間違えたり、オートコレクトによってとんでもなくねじ曲げられたりすることなく、完全な文章を書くのはほとんど不可能だ。解決策は？モバイルサイトで訪問者が書く必要のある情報量を制限することです。これは、ニュースレターの購読ウィジェット、お問い合わせフォーム、または Wix予約アプリにも当てはまります。
テストする（そしてまたテストする）
アップル、Google 、Wixのようなビッグブランドは、自社製品のテストに莫大な資金を費やしている。なぜか？失敗は許されないし、おおよその結果も許されないからだ。あなたが 写真ウェブサイトを作成するとき.モバイル版が出来上がったら、自分のモバイルで徹底的にチェックしてください。さらに、異なる画面やブラウザでの結果を確認するために、友人のデバイスで聞くようにしてください。絶対に必要です！