> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/targeting/l0wrbanoep.md).

# モバイル向けWebサイトを最適化する方法とは？

モバイルなど画面の小さなデバイスからのトラフィックが多いWebサイトでは、優れたモバイル体験を実現することが必須条件になっています。

VWOのパーソナライズを使用すれば、簡単にモバイルデバイスに最適化することができます。モバイルやタブレットのユーザーをターゲットにして、モバイルデバイスに適さないコンテンツを非表示にした、パーソナライズされたWebサイトのバリエーションを表示するのに役立つのが一般的です。

ナビゲーションを困難にするコンテンツを削減または削除することで、モバイルデバイスで操作するユーザーにとってより良いユーザー体験を実現します。意味のある情報のみを表示し、無関係な情報を削除することで、エンドユーザーがお客様のWebページをより楽しむことができ、さらに、そのWebページを再訪問するような良い影響を残すことができることを常に念頭に置いてください。

### **最適化のための準備** <a href="#cyy6p374ay5t" id="cyy6p374ay5t"></a>

* まず、どのページにモバイルからのアクセスが多いかを確認することから始めます。これは、あなたのホームページやその他の価値の高いランディングページである可能性があります。
* このページは、ご自身のモバイルデバイスでご確認ください。また、オンラインでモバイルシミュレーターを検索すると、一般的なモバイル環境をシミュレートしながら、ブラウザでWebサイトを読み込むことができます。
* 体験を見直し、コンテンツが重なっているか、操作しにくいウィジェットがあるかなどの問題点を洗い出してください。
* モバイルデバイスでは重要でない、非表示になっているコンテンツ（ポップアップ・ウィジェットやフィードバック・フォームなど）を特定します。コンテンツが少なければ少ないほど、ユーザーの集中力を重要なものに向けさせることができます。
* これでパーソナライゼーションのジャーニーが始まります。

**注：**&#x30E2;バイル最適化に慣れてきたら、特定のコンテンツを非表示にしたり表示したりするA/Bテストを行い、コンバージョンへの影響を確認することができます。

### **テストページをパーソナライズする** <a href="#id-7scyn0bmdx9n" id="id-7scyn0bmdx9n"></a>

**手順**

1. VWOアカウントにログインします。
2. \[**ターゲット**] → \[**パーソナライズ**]を選択します。\
   パーソナライズテストダッシュボードが表示されます。
3. 新しいパーソナライズキャンペーンを作成するには、\[**作成**]をクリックします。
4. パーソナライズの名前を変更するには、\[**新規パーソナライズキャンペーン**]の横にある編集アイコンをクリックし、名前を入力します。
5. \[**テスト対象のページのURLを入力する**]フィールドに、テストするWebページのURLを入力します。

   **注：**&#x55;RLフィールドの横にある\[**詳細設定**]タブをクリックすると、目標トラッキングにURLを含めたり除外したりすることができます。このタブでは、ワイルドカードを含む幅広いURL、または特定のURLを含む高度なパターンマッチングオプションを定義することもできます。目標にさまざまなURLタイプを使用する方法については、「[VWOにおけるURLパターンの使い方](https://help.vwo.com/hc/en-us/articles/360021127714)」をご参照ください。
6. トラフィックの特定のセグメントに対して実行するテストを制限することができます。\[**詳細オプション**]セクションを展開し、モバイルまたはレスポンシブWebサイトをお持ちの場合は、\[**モバイルデバイスでキャンペーンページを読み込む**]を選択します。![Campaign\_URL\_s\_\_-\_New\_A\_B\_Test\_Campaign\_2021-10-18\_15-04-59.png](/files/WFsMlSQYrcEq7VbaptD6)
7. \[**次へ**]をクリックします。\
   VWOビジュアルエディターは、選択した実際のデバイスで読み込まれるように、Webサイトのサイズを変更し、読み込まれます。[VWOビジュアルエディター](https://help.vwo.com/hc/en-us/articles/360021535813)にある様々な編集オプションを使用して、インターフェイスを編集することができます。![6XrickTk-qMIatT7Iel-58d-55ZfhHbMOdzhXO7qX798SBr\_2PMx5\_6GioswJv6bpmyUhTPxH3DVXXQm0EpiaERSru\_S8Ko8IJJoZN8gcO85l27EPzRpPYuVVO8ZL6\_CwB0M1N9E.jpg](/files/KKjo4ltloDwuJ3WBGLdy)\
   これで、Webサイトに変更を加えたり、バリエーションを作成したりすることができます。テストのバリエーションとさらなるステップを作成する方法については、「[ビジュアルエディターを使用してバリエーションを作成する方法](https://help.vwo.com/hc/en-us/articles/360021535813)」を参照してください。\
   **注：**&#x30E2;バイルデバイスのみでテストを実行するには、モバイル訪問者用に明示的にセグメント化する必要があります。セグメントをターゲットにしたテストの方法については、「[カスタム訪問者セグメントを定義する方法](https://help.vwo.com/hc/en-us/articles/360021473293)」を参照してください。
