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

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

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

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

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

スマホ(スマートフォン)用ホームページは、パソコン用ホームページに比べて制約事項が多く、注意しなければならない点がいくつかあります。

ここでは、操作方法以外の点で注意しておきたい点について、お話しします。

せっかく作ったコンテンツが表示されない……ということのないように、あらかじめしっかりと確認しておきましょう。

落とし穴(1)縦画面と横画面のどちらで閲覧するかわからない

スマートフォンの特徴として、端末を縦にしたり横にしたりして使える、ということがあります(縦の画面を「ポートレイト」、横の画面を「ランドスケープ」と呼びます)。

そのためホームページも、縦横どちらの画面にも対応させる必要があるのです。

スマホ用ホームページの縦横画面対応

スマートフォンは縦横どちらでも使えるのが特徴。スマホ用ホームページも、両方に対応させる必要がある

この対応には「リキッドレイアウト」という方法が用いられます。

リキッドレイアウトとは、ページの横幅をパーセンテージ(%)で指定することで、画面の横幅に合わせて自動的にページの横幅が調整されるようにする方法です。

たとえば、縦画面(ポートレイト)での閲覧だけを前提にページの横幅を固定した場合、横画面にしたとき、左右に余白ができてしまいますが、リキッドレイアウトであれば、自動的に幅いっぱいに調整して表示されます。

ただ、場合によっては横画面にした際に1行が長くなってしまい読みにくい、ということも考えられますので、個別に検討する必要があります。

いずれにせよ、アクセス者がどちらの画面で閲覧するかはわかりませんので、実際にどのように表示されているのか、事前に確認することが大切です。

落とし穴(2)Flash(フラッシュ)が使えない

パソコン用ホームページでは、動画を表示する技術の「Flash(フラッシュ)」をよく使います。

トップページなどで、アクセス者の興味を引くために利用するケースも多いのですが、実は、iPhoneではこのFlashが表示できません(Android端末でも一部OSのバージョンによっては表示不可)。

そのため、iPhoneでもAndroidでも表示できるコンテンツを作成するには、以下のような方法を取る必要があります。

  • iPhone用に静止画像やアニメーションGIFなどを用意しておく
  • Flash以外の動画を利用する
  • Flashの利用をやめる

iPhoneでFlashが使えないのはApple社のCEOだった故スティーブ・ジョブズ氏のポリシーによるもの。今後も、おそらくその方針は変わらないだろうと言われています。

パソコン用ホームページでは当然のように利用できるFlashですが、iPhone(やiPad)では利用できない、ということは覚えておきましょう。

なお、弊社の「簡単スライド動画作成サービス」のスライド動画は、iPhone用の表示に対応しています。

落とし穴(3)文字が太字にならない

一方こちらは、少々細かいのですが、Androidでの注意点です。

Androidに搭載されている日本語の標準フォント「Droid Sans Japanese」は、太字を使えません

ごく一部の端末を除き、デザインで太字が指定されていても、Android標準ブラウザでは日本語が太字で表示できないのです。

パソコン用ホームページでは、重要な箇所や目立たせたい文字を太字にすることがよくありますが、スマホ用ホームページでは、この表現方法を使えないと思ったほうがよいでしょう。

なお、iPhoneは標準フォントが違いますので、Androidとは見た目が多少異なる、という点も念頭においておきましょう。

以上、スマホ用ホームページを作成する際に見落としがちな点をお話ししました。

皆さんがスマホ用ホームページのデザインをするわけではないかもしれませんが、こうした点を知識として覚えておくと、コンテンツ作成時に役立ちます。

 

6.スマホサイトの作り方

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

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

無料ガイドブック

2013年7月8日配信

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

ホームページ入門

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

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

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

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

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

着手可能数(10月23日現在)

  10月 11月 12月 1月
残り 15件 68件 80件 80件
10月は残り15件!申込みはお早めに

お申込みはこちら

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

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

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