[B! 振り分け] octopus553のブックマーク

「.htaccess」でパソコン・タブレット・スマホ・ガラケーを振り分ける場合のメモ。

そろそろ本気でスマホサイトを制作しようかなと思っている管理人です。ゼロから全て制作するなら「レスポンシブウェブデザイン」にチャレンジしたいところですが、既存サイトに追加する場合には、スマホ用ページを制作して「.htaccess」でリダイレクトする方法も一つの手かなと思う今日この頃です。というわけで今回は「.htaccess」でパソコン・タブレット・スマホ・ガラケーをリダイレクトする設定について簡単にメモしてみました。前提条件 1.共通のURL（パソコン用ページ）は「http://www.hogehoge.jp/」です。 2.パソコンからアクセスすると「http://www.hogehoge.jp/」を表示します。 3.タブレットからアクセスすると「http://www.hogehoge.jp/」を表示します。 4.スマホからアクセスすると「http://www.hogehoge.jp/

octopus553 2013/10/15

リンク

.htaccessでスマートフォンサイトをアンドロイドやiPhoneで判別表示

スマートフォンサイト作成の依頼が増えて参りました。ありがたい事です。当サイトでもandroidスマートフォンやiPhoneでのアクセスが増えてきております。スマートフォンでは、普通にパソコン用ホームページを見る事はできますが、端末の操作で拡大縮小ができるとしてもやはりスマートフォンに最適化した方が、とても見やすく使いやすいです。誰もが持っている携帯電話（フィーチャーフォン）・スマートフォン！スマートフォンサイト作成の需要はこれから益々増えて行く事でしょう。あまりスマートフォンサイト作成まで踏み切らない予算の無い人たちと差別化がつけられ、ユーザーを惹き込む事ができるでしょう。これからはどしどし私たち開発者は、スマートフォンサイト作成をクライアントにお勧めした方が良いと思います。 HTML5とCSS3で、IE（Internet Explorer）を気にせずストレスレスで作成できるので

octopus553 2013/10/15

リンク

info-architecture.jp

This domain may be for sale!

octopus553 2013/10/15

リンク

PC版とスマートフォン版サイトを自動で切り替える方法 [ホームページ作成] All About

スマートフォンは、PC用に作られたウェブサイトでも表示できます。しかし画面サイズが小さいため、そのままの状態では読みにくい可能性があります。その場合の対策としては、レスポンシブWebデザインを採用するスマートフォン専用サイトを作るなどの方法があります。 ■更新や管理が楽なのはレスポンシブWebデザインだが…… 更新や管理の労力を考えれば、レスポンシブWebデザインを採用する方が楽でお勧めです。その方が、同じ情報を掲載したページを複数用意する必要がありませんし、新しい端末が登場しても(おそらくは)何もせずに対処可能ですから。 (参考) ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選しかし、既存のPC用サイトがレスポンシブ化しにくいデザインな場合や、スマートフォンの特性を活かしたウェブサイトを用意したい場合では、PC版サイトとスマートフォン版サイトを分離する方が望ましいこ

octopus553 2012/09/28

リンク

スマートフォン用ページに振り分けるときはrel=”canonical”を設定する

iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。重複コンテンツの発生を防止するためです。現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。スマートフォン用の検索結果も用意していません。共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。