携帯電話に最適化されたWebサイトにリダイレクトして、モバイル訪問者に対応します。
画像クレジット: Jupiterimages / Creatas / Getty Images
スマートフォンやタブレットなどのモバイルデバイスを使用してインターネットをサーフィンする人が増えています。 Webサイトの所有者は、画面サイズに基づいてサイトのサイズを変更するか、モバイル訪問者を電話用に最適化された別のバージョンのWebサイトに送信するかを選択できます。 電話に最適化されたバージョンのサイトに「m」サブドメインを作成することは、メインサイトから分離するための良い方法ですが、モバイル訪問者をサブドメインにリダイレクトする必要もあります。 画面サイズの検出は、モバイルブラウザにサブドメインにリダイレクトするように指示する簡単な方法です。
サブドメインを作成する
ステップ1
Webホスティングアカウントのコントロールパネルにログインします。 「サブドメイン」アイコンをクリックします。これは、他のドメイン関連ツールとグループ化されることがよくあります。
今日のビデオ
ステップ2
サブドメインフィールドに「m」と入力します。 ドロップダウンリストを使用して、サブドメインを追加するドメインを選択します。
ステップ3
新しいサブドメインのファイルが配置されるFTPの場所をメモします。 この情報は通常、サブドメインの名前を入力するとすぐにサブドメイン作成ページに表示されます。 フォームを送信してサブドメインを作成します。 サブドメインはすぐに公開されますが、何かが表示される前にファイルをアップロードする必要があります。
リダイレクトを書く
ステップ1
Webサイトのホームページのファイル(通常は「index.html」または「index.php」)を開きます。 そのファイルに「」タグがない場合は、通常「header.html」または「header.php」という名前のヘッダーファイルを開きます。
ステップ2
追加 "
ステップ3
小さなJavaScriptを記述して、Webサイトへのアクセスに使用されているデバイスの画面幅を検出します。 画面幅が700ピクセル未満の場合、ユーザーがモバイルデバイスでWebサイトにアクセスしていると見なすことができます。 この場合、ユーザーを「m」サブドメインにリダイレクトします。
上記のスクリプトで、「yourdomain.com」を独自のドメインに変更します。
ヒント
リダイレクトスクリプトは、「。mobi」ドメインでも機能します。 その場合、「m.mysite.com」の代わりに「mysite.mobi」などのドメインがあります。