ホームページ制作会社、サイト制作、その他各種システムの構築、CGI、PHP等のWEBアプリ開発

ホームページ制作・システム構築・DB設計ホームページ制作・システム構築・DB設計
ホームページ制作とWEBシステムの構築、カスタマイズから運用サポートまで。
スペーサー

アクセスしてきた端末情報を元にモバイルサイトとPCサイトに振分ける方法。


に関連する記事です。

20110828.jpg現在制作中のサイトはモバイル、PC、スマホ用のそれぞれで表示可能な構成という依頼で作業を進めている。
先日お客様の方から印刷用にそれぞれのURLを教えてほしいという話だったので、ドメインだけの印刷で問題ないことを伝えた。

ちなみにこれからご紹介する方法はSEO的にも有利な方法であると噂されている。
ドメイン直下に置くindex.html(今回の場合はindex.php)が、アクセスしてきた端末情報に従い、それぞれのPCサイト、モバイルサイトに振分けることにより
SEOクローラーはドメイン(ひとつの入り口)からPCサイト、モバイルサイトのそれぞれにクロールし、ドメインの評価を一層高くすると噂されている。
クローラーにしてみれば、PCで表示されようが、モバイルで表示されようが、そんなことはまったく関係ないので、このような噂が広まっているのではないかと推測される。


以下、具体的な構成とそのプログラムについて記述する。
hogehoge.com
(↑設定ドメインと仮定)
hogehoge.com/index.php
(↑ドメインで呼び出された時一番最初に稼動するファイル)
hogehoge.com/PC/
(↑PC表示用のフォルダ。この中にPC表示のすべてのファイルを配置する。)
※今回PC用はスマホ用と兼用し、CSSでの切り替えとすることにしました。(別記)
hogehoge.com/mobile/
(↑モバイル表示用のフォルダ。この中にモバイル表示のすべてのファイルを配置する。)

PC、モバイルのそれぞれフォルダで「トップページに戻る。」やindex.htmlにリンクする場面が多々あると推測しますが、それらはすべて「hogehoge.com」にリンクするようにする。
こうすることにより、リンクをたどってきたクローラーはドメインに戻り、ドメイン直下のindex.phpを経由し、index.phpで指定されたファイルへリダイレクトすることとなり、ドメイン自体の評価に繫がるというカラクリだ。

「トップページに戻る。」やindex.htmlにリンクする場面で、それぞれの/PC/index.htmlや/mobile/index.htmlにリンクしているようでは、それぞれのフォルダの評価は上がっても、ドメインの評価は上がらないのではないかと推測する。
だって、ドメインにリンクしていないのだから仕方ないですよね。

で、hogehoge.com/index.phpはどのようなプログラムになるかといえば、ユーザーエージェント情報で分岐させる方法となる。
ユーザーエージェントを偽装され、たとえばfirefox(PC)などからモバイルにアクセスされることを絶対に拒みたいというクライアントにはIP制限(ドコモの場合のIPアドレス一覧はこちら)による分岐方法が有効であるとされているが、管理がなかなか面倒なので、お客様とよく話し合ったほうがよい。

モバイルサイトに偽装したユーザーエージェントでアクセスされることのデメリットが不明確であるなら、ユーザーエージェント情報で分岐させる方法を提案するのがよい。その場合には、偽装されてアクセスされる可能性があることもちゃんと説明しましょう。

以下、index.phpの記述となる。
<?
//ユーザーエージェントの取得
$ua = $_SERVER['HTTP_USER_AGENT'];
if(ereg("DoCoMo",$ua)){
header("Location: /mobile/");
}elseif(ereg("J-PHONE",$ua)){
header("Location: /mobile/");
}elseif(ereg("UP\.Browser",$ua)){
header("Location: /mobile/");
}elseif(ereg("DDIPOCKET",$ua)){
header("Location: /mobile/");
}elseif(ereg("WILLCOM",$ua)){
header("Location: /mobile/");
}elseif(ereg("Vodafone",$ua)){
header("Location: /mobile/");
}elseif(ereg("SoftBank",$ua)){
header("Location: /mobile/");
}else{
header("Location: /PC/");
}
?>

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
ホームページ制作・システム構築・DB設計
●ユタデザイン
●住所:〒135-0062
東京都江東区東雲2-7-5-3503
ユタデザイン
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+



Valid XHTML 1.0 Transitional スペーサー 正当なCSSです!