スマートフォン向けサイト作成


ところで疑問がひとつあるのですが・・・従来型の携帯サイトのデータを利用して
スマートフォン向けサイト作成に活かすことはできるのでしょうか?

できます!

当社で利用しているjQuery Mobileをスマートフォン向けサイト作成に活用することができます。

CSSやJavaScriptを最初から作るのは大変な手間ですからね。
最適化されたものを利用した方が時間も削減できますので・・・。

しかも携帯サイトをお持ちならば、せっかく出来上がっているソースですので
今後のスマートフォン向けサイト作成を視野に入れてもっとスマホが普及するまでの間に
研究するのも楽しいかと思われます。

携帯サイトからスマートフォン向けサイト作成・最適化はどうするのでしょう?

元のファイルを準備してテキストエディタでそのファイルを開きます。
メモ帳やTeraPadなど。UTF-8(文字符号化方式)で保存します。

もともとあったHTMLをHTML5化する。
※スマートフォン向けサイト作成には欠かせないものですが、従来型のHTMLと比べても
記述が簡単になっているような感じがするのではないでしょうか。
おそらく削除する部分の方が多いと思われます。

CSSとJavaScript を読み込みます。CDNから配布されているものを指定すると良いでしょう。

headタグ内へCSSの読み込みとviewportの設定を行います。

ここまで来ると、ほぼ従来型携帯サイトのスマートフォン向けサイト作成・最適化が進んでいるはずです。

あとはHTMLをjQuery Mobileで最適化していくのみ・・・。
せっかく作った携帯サイトですから大事にしましょう。


全日本SEO協会公認コンサルタント 寺西尚之

スマートフォン向けサイト作成