（≧▽≦）携帯ホームページを作る人のネタ帳

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

2008年4月版　最小公倍数的に
3キャリア全対応させるＨＴＭＬコーディング方法のまとめ

・文字コード：Shift-JIS
・マークアップ言語：XHTML Basic1.0
・画像：JPEG（softbankの古い機種がjpegのみ、docomoはpng使えない）
・CSS：使えない（ドコモが独自の仕様）
・ページサイズ：XHTML9KB以内、画像含めて100KB以内
・複雑なデザインにはtableを使う
　?機種により段組みが崩れることがあるので、その際はtd内でbr clearを使う
・「div align=center」ではなく、centerタグを使う（ドコモでセンターにならないことがある）

携帯サイトでフォーム入力の際、
たとえばメールアドレスを入れる欄で
デフォルトが漢字入力になっていたら
「文字タイプを変える」→「入力する」
というフローになり、面倒です。

フォームのデフォルト文字タイプをを指定するには
（あなたのユーザーに愛を届けるためには）
istyle属性、mode属性を使います。

■docomo(i-mode)/au(ezweb)
・全角
　istyle = 1
・半角カナ
　istyle = 2
・英字
　istyle = 3
・数字
　istyle = 4

■softbank
・全角
　mode = hiragana
・半角カナ
　mode = hankakukana
・英字
　mode = alphabet
・数字
　mode = numeric

3キャリア対応にする場合は二つの属性を両方書いておけばＯＫ。
たとえば英字で記入させたい場合は
＜input type="text" name="englishname" istyle = "3" mode = "alphabet">
となりますね。
※先頭の＜を全角にしてます。

これでユーザーに優しいサイトになります。

これでユーザーさんにも愛が届くことでしょう。

（≧▽≦）v

携帯ＳＥＯに便利なツール、携帯ＳＥＯ対策参考ページを列挙します。

携帯ＳＥＯチェックツール

携帯検索ツール【モバッチョ】　順位チェック
・・・携帯勝手サイトの検索結果をチェックするのに便利です。

携帯検索エンジン用　順位チェックツール
・・・こちらも携帯勝手サイトの検索結果チェックツール。Googleモバイル、Yahoo!モバイル(iモード)、Yahoo!モバイル(EZweb)の検索順位を調べることが出来ます。

携帯ＳＥＯ対策参考ページ

携帯サイト向けSEO最新事情 | Web担当者Forum
・・・ケータイSEOの特徴、携帯ＳＥＯの全体像など、モバイル検索エンジンについて知らない人にとっても分かりやすい内容。まずはこのページから。

携帯サイトの効果的なSEOの方法は？ | Web担当者Forum
・・・携帯検索の問題点など。モバイルＳＥＯに入る前の、そもそもの話。

モバイルSEO - CNET Venture View
・・・モバイル検索エンジン「エフルート」の社長佐藤崇さんによるモバイルＳＥＯのネタばれ。必見。

【携帯電話】検索エンジン・サイト登録
・・・大手主要携帯検索エンジン・検索サイト,法人運営携帯検索エンジン・検索サイト,個人運営携帯検索エンジン・検索サイトのまとめ。若干情報が古いので登録出来なくなっているサイトもあるようですが・・・。


ＷＥＢとは一味違うモバイル検索エンジン対策。
皆さんのＳＥＯの対策の参考になれば幸いです。