あきばれホームページ作成
小さく始めて大きく育てるホームページ作成サービス

WEBマーケティング総合研究所

お問合せ・ご相談はこちら

スマホサイトの作り方~スマートフォンサイト作成入門~

WEBサイトをスマホに対応させる方法

WEBサイトはスマホでもそのまま閲覧できます。

しかし、スマートフォンは操作方法がパソコンとまったく異なるため、パソコンでの閲覧を前提としたWEBサイトをそのまま表示させると、いろいろな問題点が出てきてしまいます。

このページでは、そうした問題点を解決するための方法についてお話しします。

WEBサイトをスマホで表示させるために

PCサイトをスマホで表示する場合の問題点でも詳しくお話ししたように、そうした問題のほとんどは、スマートフォン特有の画面操作方法によるもの。

当然のことながら、一般のWEBサイトはパソコンでの閲覧を前提に作成されているため、あなたのホームページをスマホで表示する際には

  • 画面サイズが小さく文字が小さい
  • リンクを押しにくい

といった問題点を解決しておかないと、スマホを利用しているお客さんはホームページを見てくれません。

そこで、これらの解決方法を考えてみましょう。

画面サイズが小さく文字が小さい

スマホとPC画面比較

スマホの画面とパソコンの画面を比較。比率としてはこれくらいの差がある

パソコンに比べると画面サイズが極端に小さいスマホでは、WEBサイトがそのまま縮小のうえ表示されます。当然、パソコンで読む前提だった文字も縮小されてしまい、そのままではほとんど読めません。

このような状態を解消するには、まずスマホ専用のレイアウトを作っておく必要があります。サイトの見た目そのものをスマホ専用に変更してしまうのです。文字のサイズもスマホに最適化することができますので、小さくて読めないということもなくなります。

リンクを押しにくい

スマホ画面のテキストリンクテキストリンクが並んでいると、押し間違えることもしばしば

パソコンで閲覧し、マウスを使って操作することを前提に作られている通常のWEBサイトは、リンクもマウスでポイントしてクリックします。

それほど押しにくいということはありませんので、テキストにリンクを張っておくだけでも十分です。

しかしスマホではそうはいきません。

マウスポインターの何倍も太い人間の指で、画面上のリンクテキストを押さなければならないわけですが、これが想像以上に難しいのです。

タップ(指で押す)しようとした場所と実際にタップされた場所は微妙にズレていることが多く、何度タップしても次のページへ移動できなかったり、意図しないリンクやボタンを何度もタップしてしまってイライラ……という経験がある方も多いでしょう。

これも、スマホ専用のレイアウトを作っておけば、解消できます。指でタップすることを前提に、デザインそのものを変えてしまうわけです。

このように、画面の大きさや操作方法など、スマートフォン特有の事情を考慮しつつ、適切な対応を施す必要があるのがスマホサイトなのです。

ただ、イチからスマホ専用サイトを立ち上げるというのは、手間と時間、そしてお金もかかります。

すでにあるWEBサイトをそのままスマホに最適化させる方法などもありますので、御社にとってもっとも有効な方法を検討してみてください。

 

5.スマホ(スマートフォン)用ホームページ作成の落とし穴

スマホ用ホームページを無料で作成次はこちらスマホ対応つきホームページ作成はこちら

企業・会社・お店のHPを作りたい方へあるいは初心者でも簡単!ホームページ作り方講座

無料ガイドブック

お客様を増やせる、低価格なホームページ作成サービスのサービス・料金

2013年7月9日配信

HP作成ガイドブック
スマホサイト+ホームページ作成を知りたい方へ

ホームページ入門

ガイドブック無料ダウンロード

メールアドレス:(必須)

メールマガジンの登録
(任意)
※HPの活用方法、SEO等の最新情報をメールでお届け。
※しつこいサービス勧誘や、営業電話等は、行いません。

スマホサイトつきのホームページ作成サービス

ページの一番上へ | このページを印刷

着手可能数(2月19日現在)

  2月 3月 4月 5月
残り 22件 70件 80件 80件
2月は残り22件!申込みはお早めに

お申込みはこちら

※上記は標準パックの申込み状況表です。

※お急ぎの方はお電話(03-5957-1610)でお問合せ下さい。

低価格なHP作成サービス
充実のサポート
サービス詳細
ご相談・お問合せ