いよいよ、
スマホ&タブレット持ち歩きという方も、とても多いです。
タブレットとは若干話が反れますが、今回はスマホ用ページを
作る際に、これだけは気を付けたい5つの法則を紹介します。
——–MENU—————————————————-
①実機できちrんと表示されているのか?
②キャリア別に不具合はないか?
③スマホの読み込み速度はどのくらいなのか?
④エラーページならないか?
⑤PCと重複コンテンツになってはいないか?
—————————————————————-
①実機できちんと表示されているのか?
・作り手は私も含め、作るのに魂を注ぐが故、実機で正確に表示されていると
思い込んでいる場合が多い。(誤字脱字含め)
・少なくても知人のスマホを借りて数種類のキャリアでの表示を確認するべきである
特にアンドロイドとiphoneでは全く見え方が違かった!という声も少なくない。
Firefoxのアドオンにある「
当然PC上での確認になる為、実機で表示されるものと同じではないということを
念頭におくべきである。
とは言っても、高性能なアドオンなので一応紹介↓
http://firemobilesimulator.
②キャリア別に不具合はないか?
・①に続いて関連する項目になるが、注意したいのはスマホはリスト生成の為、
一つでもズレが生じると、それ以降全てのコンテンツが崩れて表示される羽目になる。
・テキストサイズ、改行箇所、画像の縦横の比率、バナー広告などがどのように表示され ているのかは黙示確認が必 須である。
③スマホの読み込み速度はどのくらいなのか?
・スマホのLTEが導入され、速度がガラケーよりも断然早くなったといっても、あくまでも 携帯。速度が光回線などよりも遅いのは否めない。
しかもどの携帯会社もLTEの利用限度を定めており、一定の容量に達すると、恐ろしい ほど回線速度が落ちるという難点がある。
・この場合、気を付けたいのが画像の容量サイズに尽きるであろう。
テキストはどんなに長文を書いても、大した容量にはならないが、画像だらけのスマホ サイトなどはアナリティクスなどで速度を確認し、調整することが必要だ。
④エラーページならないか?
・時々PCサイトでも404ページが表示される場合があるが、スマホの場合はその倍くらい
404表示が多いと予測し、十分にリンクチェックをした方が良い。
リンク切れがマイナス評価になることは、もうご存知であろう。
・
⑤PCと重複コンテンツになってはいないか?
・これが今回、最大の難関テーマである。
スマホサイトをどう構築するか、で、重複コンテンツか否かが決まるのである。
仮に、スマホで当サイトの「http://webcreat.
(例1)
.htaccessでキャリア自動判別をするのか?
(例2)
サブドメインで、「http://s.webcreat.
(例3)
ディレクトリ内に収め「「http://webcreat.
(例4)
レスポンシブ表示でキャリアを自動判別し表示の仕方を自動で変更するのか?
表示の仕方は多々ある、どれを選択するのかで、スマホでのランキングが大幅に変動することとなる。
個人的には、(例4)のレスポンシブ表示であれば、同一ファイルのみで、見せ方が異なるだけなので一番オススメしたいが、これには技術と経験値がものをいう。
昔は(例1)の.htaccessでキャリア自動判別がダントツに多かったと言える。
しかし、これも今では少し時代遅れになりつつある。
(ペナルティではないので、続けていても問題はない)
(例2)のサブドメインは個人的にオススメはしない。
サブドメイン=別サイトとみなされる為、本来の公式PCページの丸バクリと
なるのではないか?と疑問である。
yahooなどではコンテンツ別にサブドメインを作っているが、あれはどういう仕組みに
なっているのか、模索中。
(例3)のディレクトリ内に収める←つまりは(例1)と同様の手段になるであろう。
そうなると、やはり今のところ(例1)or(例4)が妥当としか言わざる得ない。
(例1)の場合はPCを全く同じテキスト・コンテンツを用いるのではなく
スマホ独自のコンテンツなどに切り替えることで重複コンテンツでは
ないようにアピールするのが良いだろう。
スマホサイトのデザイン含め制作時に気をつけなくてはいけないことは
山ほどある。これを一つ一つクリアしていけば、きっと素晴らしいサイトが完成するはずです。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【ウェブクリエイトが制作したサイトのPR】
■足の痛みや歩行時の痛み、外反母趾・スポーツ障害の方は入谷式へ!
http://ashikara-labo.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━