スマホと PC でリンク先を自動で振り分ける方法と便利な使い道
SNS やメールで配るリンクは、スマホで開く人もいれば PC で開く人もいます。ところが、リンク先のページがどちらの画面にも最適とは限りません。スマホ向けに作った縦長の LP を PC で開くと余白だらけになり、PC 向けの比較表をスマホで開くと読みにくくなります。
この問題は、リンクを 2 本に分けて配るのではなく、1 本のリンクを端末に応じて振り分けることで解決できます。この記事では、振り分けの仕組み、役立つ場面、設定の流れ、端末別の数字の見方、そして設定時に気をつけたい点を順に説明します。
端末ごとにリンク先を分ける仕組み
端末による振り分けは、ブラウザがページを要求するときに送る User-Agent という文字列を、短縮 URL を扱うサーバー側で読み取って行います。User-Agent には「iPhone」「Android」「Windows」などの端末や OS を示す情報が含まれます。サーバーはこの文字列を見て、あらかじめ登録された転送先から合うものを選び、リダイレクトとして返します。
利用者から見ると、同じ https://example.com/go を開いたのに、スマホでは A のページ、PC では B のページが表示されるという動きになります。ページ側で画面幅に応じて表示を変えるレスポンシブデザインとは違い、そもそも別の URL へ送る点が特徴です。
レスポンシブデザインと振り分けは、どちらが優れているというものではありません。次のように役割が異なります。
| 方法 | 変わるもの | 向いているケース |
|---|---|---|
| レスポンシブデザイン | 同じ URL の見た目 | 内容が同じで、レイアウトだけ調整したい |
| 端末別の振り分け | 開く URL そのもの | スマホと PC で誘導先や目的が違う |
内容を変えずに見た目だけ合わせたいなら、ページをレスポンシブにするだけで足ります。一方で、スマホではアプリの入手やチャット相談へ、PC では資料請求や詳細ページへ送りたいように、目的が違う場合は振り分けが適しています。
振り分けが役立つ場面
実際に使われやすい場面を挙げます。
1 つ目は、スマホ中心の SNS 流入です。Instagram や X のプロフィールに貼るリンクは、ほとんどがスマホで開かれます。スマホ向けに作り込んだ スマホ向け LP へ送り、PC の訪問者だけ通常のサイトへ送れば、両方の体験を損なわずに済みます。
2 つ目は、スマホ限定のサービスや手順の案内です。たとえば LINE のスタンプ購入やアプリのインストールは、スマホから操作する前提です。PC で開かれたときは、操作手順の解説ページや、スマホで読み取れる QR コードを表示するページへ送ると、離脱を減らせます。
3 つ目は、広告やキャンペーンの LP の使い分けです。スマホではボタンを大きくして電話や LINE へ直接つなぎ、PC では詳しい説明と申込フォームを置くといった作りです。同じ広告リンクを使い続けられるため、配布物や印刷物にも向きます。
4 つ目は、アプリ紹介です。iPhone と Android で入手先が異なるため、OS 単位でストアを分けます。詳しくは iPhone と Android の振り分け で解説しています。
設定の手順
Boostlink では、スタンダードプラン以上でスマホ / PC 別の転送を設定できます。大まかな流れは次のとおりです。
- ログインして、短縮 URL の新規作成画面を開く、または既存のリンクの編集画面を開く
- 通常の転送先 URL を入力する
- スマホ / PC 別の転送を有効にし、それぞれの転送先を入力する
- 保存して、短縮 URL を発行する
- 実機のスマホと PC の両方で開いて動作を確かめる
通常の転送先は「どの条件にも当てはまらなかったときの行き先」として働きます。タブレットや想定外のブラウザから開かれた場合の受け皿になるので、必ず有効な URL を入れておきます。
転送先の設計では、まず「どちらの端末が主流か」を決めると迷いません。スマホの流入が大半なら、通常の転送先をスマホ向けページにして、PC だけを別 URL に送る形が単純です。逆の場合も同様です。
端末別のクリック数を見る
振り分けを設定したら、効果を確かめるために端末別の数字を見ます。見るべきなのは次の 3 点です。
- スマホと PC のクリック数の比率
- 端末ごとの、リンク先ページでのコンバージョン率
- 時間帯や流入元ごとの端末比率の違い
クリック分析の画面で端末別の内訳を確認し、リンク先側の計測ツールと突き合わせます。短縮 URL 側で分かるのはクリックまでで、購入や申込の完了はリンク先のツールで測ります。両者を並べると、「PC はクリックが少ないが成約率は高い」といった傾向が見えてきます。
端末別のクリック数 の読み方は、別の記事で詳しくまとめています。比率が想定と大きく違うときは、配布している媒体や時間帯を見直す材料になります。
たとえば、メールマガジンのリンクで PC の比率が高ければ、仕事の時間帯に PC で読まれている可能性があります。その場合は PC 向けの転送先を充実させる、といった判断につなげられます。
設定時の注意点
最後に、振り分けで起きやすい失敗と対策をまとめます。
転送先が片方だけ空になっている
スマホ用だけ入力して PC 用を空のままにすると、PC では通常の転送先に送られます。意図した動きかどうかを確認し、PC でも期待どおりのページが開くかを必ず試してください。
開いた端末で表示が崩れる
振り分け先のページ自体が、その端末で正しく表示されるかを確かめます。スマホ向けと書いた LP が小さな画面で崩れていては意味がありません。実機での確認が確実です。
端末の判定は完全ではない
User-Agent は利用者が変更できます。PC のブラウザで「デスクトップ版サイト」を選ぶ設定や、開発者ツールによる擬似的な端末切り替えを使うと、判定が実際の端末とずれることがあります。また、iPad のようにスマホと PC の中間にあたる端末は、サービスごとに扱いが異なります。端末の判定は目安として扱い、どの端末で開いても最低限使えるページを用意しておくのが安全です。
検索エンジンに対する扱い
検索エンジンは、利用者とクローラーに異なる内容を見せる行為をスパムとして扱います。Google は、同じ URL にアクセスした人にもクローラーにも同じ内容を見せるよう案内しています。端末別の転送は、端末に合ったページを案内する目的で使い、クローラーだけに別の内容を見せる使い方はしないでください。詳しくは Google 検索セントラルのクローキングに関する説明を参照してください。
アプリ内ブラウザでの動き
LINE や Instagram では、リンクがアプリ内ブラウザで開かれます。判定自体は同様に行われますが、ログイン状態などが引き継がれない点には注意が必要です。アプリ内ブラウザの特徴は、ディープリンク の記事でも触れています。
まとめ
端末別の振り分けは、ブラウザが送る情報を元に、1 つの短縮 URL から端末に合った転送先へ案内する方法です。スマホ中心の SNS 流入、スマホ限定の案内、広告 LP の使い分け、アプリ紹介など、端末ごとに目的が違う場面で役立ちます。設定は通常の転送先とスマホ / PC 別の転送先を入力するだけですが、保存後は必ず実機で確認してください。端末別のクリック数を定期的に見ると、配布先や時間帯の改善にもつながります。
Boostlink は、スタンダードプラン(月額 1,000円)からスマホ / PC 別の転送とクリック分析を使えるため、1 本のリンクで端末ごとの出し分けと効果測定をまとめて行いたい方に向いています。
また、すでに運用されている SNS アカウントを引き継いで発信を始めたい場合は、Boostshop でアカウントの購入や M&A の相談ができます。購入前には、各プラットフォームの利用規約を確認してください。