スマートフォン対応したホームページ制作/台東区上野のWEB制作/訪日外国人集客会社

スマートフォン対応したホームページ制作：目次

• スマートフォン対応サイトの制作方法
• 既存ホームページをスマートフォン対応させる方法
• スマートフォンでのデバイス対応

スマートフォン対応サイトの制作方法

スマートフォン対応サイトは HTML5 + CSS3 を使って作成しますが、使うツール・素材・サービスによって細かい対応は様々です。現在のところ、スマートフォン対応サイトの制作方法は大きく2つの方法があげられます。

スマートフォン専用サイト

ホームぺージはスマートフォン用とパソコン用と、掲載するコンテンツやインターフェイスは、それぞれ独立した設計でホームぺージを構築します。ホームぺージを表示するHTMLやCSSはそれぞれ別のファイルが必要で、管理が面倒だというデメリットがあるります。

その一方で、ホームぺージをどちらかのHTMLやCSSに影響されることなく制作することが可能で、機能面でもスマートフォン用とパソコン用と双方に適したUI(ユーザーインターフェイス)を持たせることが出来ます。

レスポンシブウェブデザイン

レスポンシブウェブデザインで制作するホームページは、共通のHTMLファイルでスマートフォン用とパソコン用のホームぺージを制作・管理する手法です。

既存ホームページをスマートフォン対応させる方法

スマートフォンサイト自動変換サービスで制作

URLを入力により既存のパソコン版のホームページをを自動でスマートフォンに対応したホームぺージへ変換してくれるサービスもあります。料金は、無料～とありますが、比較的お安く作れます。あくまで既存ホームぺージが『スマートフォンで少し見やすくなる』だけで、『スマートフォン版ホームページはパソコン版ホームページのおまけ』といった印象があり、あまりおすすめは出来ません。

スマートフォン対応サイトをオリジナルで制作

パソコン版のホームぺージを作るように、デザイン・仕組みにこだわって、新たにスマートフォンに対応したホームぺージを制作する方法です。制作料金はホームページの規模や内容により様々ですが、目的・やりたいことが明確に決まっている場合におススメです。

既製品テンプレートを選んで制作

スマートフォンに対応したホームぺージのテンプレート（ひな形）があらかじめ用意されていて、その中から用途に見合ったテンプレートを選択して制作します。料金も、柔軟度もスマートフォン自動変換サービスとオリジナルでスマートフォン対応サイトを制作の間の様な感じです。

スマートフォンでのデバイス対応

スマートフォンで閲覧するホームぺージで、近年徐々に少なくなってきましたが、AndroidとiPhoneで実装可能な機能が違う場合があります。

スマートフォン対応したホームページでiPhoneユーザー/Androidユーザー双方に情報提供する際、ホームぺージ側で『iPhoneからのアクセス拒否』あるいは『Androidからのアクセス拒否』の設定をしていない限り、スマートフォン対応サイトでもパソコン版のホームぺージでも、携帯サイトでも、iPhoneやAndroidなどのスマートフォンからアクセスすることが出来ます。

スマートフォン（iPhone）でホームページへアクセスしてきた際の例

• （１）スマートフォンからパソコン版のホームぺージへアクセス
  　⇒スマートフォン対応サイトがあれば、そのページへリダイレクト
• （２）iPhone/Androidからスマートフォン対応サイトにアクセス
  　⇒AndroidとiPhoneの両方で同様の内容を閲覧
• （３）Androidから携帯サイトへアクセス
  　⇒スマートフォンはパソコンという認識になるため、アクセス拒否→パソコン版のホームぺージへ

この例の他にも、iPhoneの場合はFlash非対応なため、ホームぺージ側がFlashを使用する場合、iPhone用に代替コンテンツを用意してあることもあります。

※本情報はページ公開時のものです。情報は常に更新され掲載内容と異なる場合がございます。