アプリストアへのリダイレクトは 301 と 302 のどちらにすべき？

リダイレクトを書くときには些細なことに見えますが、この選択によって遷移先を将来変えられるかどうかが決まります。ブラウザは 301 を「このアドレスは恒久的に移転した」と解釈して記憶し、302 は「今回はそこへ行って」という意味です。QR コードに印刷されたり、プロフィールに貼られたりして何か月も使われ続けるリンクでは、この違いがリダイレクトの何よりも重要です。このガイドでは、どのコードを使うべきか、その理由、そしてストアへのリダイレクトが他に何を送るべきかを説明します。

手順

SDK も再ビルドも不要。URL があるだけです。

1. 1

   一時的なリダイレクトを返す

   ユーザーエージェントからストアを選び、ステータス 302 で応答します。ここでは Cloudflare Worker の例ですが、同じロジックはどのサーバーでも動きます。

   // 一時的なリダイレクト: ブラウザは訪問のたびにサーバーへ問い合わせ直す
   export default {
     fetch(req) {
       const ua = req.headers.get("user-agent") || "";
       const ios = "https://apps.apple.com/app/id0000000000";
       const android = "https://play.google.com/store/apps/details?id=com.example.app";
       const web = "https://example.com/download";
       const to = /iPhone|iPad|iPod/.test(ua) ? ios : /Android/i.test(ua) ? android : web;
       return new Response(null, { status: 302, headers: { Location: to, "X-Robots-Tag": "noindex" } });
     },
   };

2. 2

   パソコンはストアではなくページへ送る

   ストアのページではパソコンに何もインストールできません。デスクトップの訪問者は両方のストアボタンと QR コードのあるページへ送りましょう。そのページは Mac を名乗る iPad も受け止めます。

3. 3

   またはホスティング型のリンクを使う

   2 つのストア URL で onestore.link を作成します。端末ごとに 302 で応答し、短縮リンクをインデックスから外し、後で遷移先を変更できます。

よくある質問