スマホサイト最適化とは

スマホサイト最適化とは？

拡大する

スマートフォンの世帯普及率が54.7%であることが内閣府の調査で明らかになった。
またスマートフォンを使ってインターネットを楽しむユーザーは全体の7割とも言われています。

2015年にはスマートフォンからのネットへのアクセス数がパソコンを上回るという予想もあり、まさに、スマートフォンサイトがPCサイトと同等かそれ以上の重要性を持つ可能性があります。

スマホサイト最適化とは

拡大する

スマホサイト最適化とは、スマートフォンからWEBサイトにアクセスした場合、パソコン用のWEBページとは別にスマートフォン専用のWEBページを表示させることです。

スマートフォンはパソコンのモニターと違い画面が小さいため、パソコンで見るWEBサイトと同じWEBページを表示すると文字や画像が小さくなってしまいます。
それにより「文字が小さくて読みにくい」「違うボタンをクリックしてしまった」など閲覧者に対して可読性、操作性の悪いWEBページになってしまいます。

スマートフォンの場合「pinch out」という操作を指で行うことで画面を拡大することは可能ですが、やはり閲覧者に対して使いにくいWEBページになってしまいます。
ほかにも「伝えたい部分が伝わらない」「表示に時間がかかる」など問題が生じます。

スマホサイト最適化を行うことでスマートフォンの画面サイズにあった大きさで文字を表示させたり、リンクボタンを大きくしクリックしやすくすることができます

スマホサイト最適化で方法

拡大する

スマホ向けにWEBサイトを最適化するには主に2つの方法はがあります。

スマホ専用サイトを制作する

スマートフォン専用のWEBサイトを用意しておき、スマートフォンでWEBサイトへアクセスきたユーザーにはスマートフォン専用のWEBサイト、パソコンでアクセスしてきた方にはパソコン専用のWEBサイトを表示する方法です。ほかにもiPadなどのタブレット専用のWEBサイトを用意しておくこともあります。

スマートフォン専用のWEBサイトを制作することでデザインやレイアウトを自由に設定することができるだけでなく、写真などの画像の容量を小さくしておくことで表示する速度を上げて閲覧者がストレスを感じることなくWEBサイトを見るできるメリットがあります。
しかしパソコン用、スマホ用と別々のWEBページを用意するため制作コストがかかる上に管理に手間※もかかります。

※例：バナーを追加する場合、パソコン用とスマホ用の2つを用意、それぞれに設置しなければならない。

レスポンシブWEBデザインで制作する

レスポンシブWEBデザインとは、ブラウザ（Internet ExplorerなどWEBサイトをみるためのソフト）のサイズ（横幅）に合わせて表示を変更する方法です。
下記のサイトはレスポンシブWEBデザインで制作されたサイトです。下記のサイトを開いて画面の横幅を小さくしたり大きくしてみてください。

レスポンシブWEBデザインでWEBサイトを構築することで、1つのWEBサイトデータでパソコン用もスマホ用も管理することができますので手間が軽減され制作コストも比較的安くなります。またGoogleはスマホ専用サイトよりレスポンシブWEBデザインを推奨しておりSEO対策に有利と言う意見もあります。

しかしレスポンシブWEBデザインにもデメリットがあります。専用サイトと違い、表示速度が遅くなったり、デザインやレイアウトに多少の制限があります。

どちらが優れているというわけではありません。
どちらにもそれぞれメリットとデメリットがありますので、予算やサイトの種類、利用者の属性（年齢など）などを考慮して制作するWEBサイトに最適な方法を選択するようにしてください。

PR:比較jpはスマホサイト制作に関する一括見積もりの比較サイトです

比較jpはiPhoneやAndroidなどのスマートフォン向けのサイト制作を得意とする会社へ一括で見積もり依頼が行える比較サイトです。
作成したいサイトの内容やページ数などをご入力いただくだけでカンタンに複数の業者へ見積もり依頼が行えます。後は届いた見積もりや提案を比較して貴社の条件に合った制作会社をお探しいただけます。
もちろん見積もり依頼は何度ご利用いただいても無料です。

詳しくは「スマホサイト制作会社を比較」のページにてご確認いただけます。