« モバイルサイトを作成するための6つのTips（前編） | メイン | WebデザイナーやWeb開発者に役立つ、10のAndroidアプリケーションをご紹介！（前編） »

モバイルサイトを作成するための6つのTips（後編）

2010年07月02日

後編では、さらに幾つかのTipsをご紹介します。

●URLを用いて、モバイルサイトであると表すことができます。.comや.edu、.orgがデスクトップ向けサイトであることを表すように、モバイルサイトを示す.mobiドメインを使用することを検討してください。
また、サブドメイン上にモバイルバージョンを持つことも考慮に入れてください。多くのウェブサイトが取り入れている方法です。
（Diggの例：
デスクトップ向けサイト　http://digg.com/、モバイル向けサイト　http://m.digg.com/）

●あなたのモバイルサイトを複数の機器でテストすることが優良なモバイルサイトへ近づく確かな方法です。(異なったプラットホームで行うことがベストです。)　いろいろな機器でテストする機会がないなら(こういう方のほうが多いと思いますが)、iPhoneTester.comなどのようなWebベースのエミュレータを利用することができます。
（一例：
iPhoneエミュレータ「iPhone 3G tester」 ※別途Safariインストール要
　http://iphonetester.com/
Docomoのエミュレータ「iモードHTMLシミュレータ各種」
　http://www.nttdocomo.co.jp/service/imode/make/content/download/index.html）
　
●見やすくすっきりと、常にアップデートされたウェブサイトを目指してください。そうしないと今後増え続けるモバイルユーザに対応していけません。

●ほとんどのモバイルブラウザはFlash、多くのビデオ、オーディオプレーヤー、JavaScript、フレーム、ポップアップなどと互換性がないので、携帯電話を通してあなたのウェブサイトに来る人はそれらを閲覧することができません。

●1サイズのサイトとして固定せず、多様なスクリーンサイズと解像度へ可変対応できるサイトにしておくことは非常に有効です。携帯電話によってスクリーンサイズが違うことを頭にいれておくといいでしょう。テスト用の実機を複数用意する場合には、ディスプレイのサイズが異なるものを準備するのが良いでしょう。

前述した方法や注意事項に気をつけながら構築すれば、あなたのモバイルサイトは閲覧者にとって、非常に便利で必要な情報を提供することが可能なサイトとなります。是非お役立てください！

引用：blog.templatemonster.com

スポンサードリンク

トラックバック

このエントリーのトラックバックURL:
http://blog.templatemonster.jp/mt-tb.cgi/37

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント: (スタイル用のHTMLタグが使えます)