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

株式会社ケイツー・インタラクティブ [K2-interactive]

WEB担当者の相談室

WEBサイト制作のことなら、私たち台東区上野のWEB制作会社
株式会社ケイツー・インタラクティブにお気軽にご相談ください。

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

 

「スマートフォン対応」するにはどうしたらいいですか?

通常のホームぺージと同様にHTML5 + CSS3 で作成しますが、スマートフォン(各デバイス)の癖を知っておく必要があります。

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

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

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

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

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

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

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

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

レスポンシブウェブデザインで制作するスマートフォン対応のホームページは、Googleに推奨されていることもあり注目されています。

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

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

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

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

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

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

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

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

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

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

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

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

スマートフォン対応したホームページ制作のまとめ

スマートフォン対応したホームページ制作、いかがでしたか?ホームページをスマートフォン対応させる際、価格で選ぶならばスマートフォン自動変換サービスを取り入れた方が、時間と実費を大きく削減することが出来ます。一方で、ホームぺージ公開後にスマートフォン対応サイトから得られるメリットは限定的になります。

iPhoneでもAndroidでも、ホームぺージをスマートフォンでの閲覧するのに基本的な違いはありません。一方、パソコン用ホームぺージのレイアウト・デザインをスマートフォンの画面で提供することによる離脱・機会損失は深刻です。

御社のお客様がどの様な経緯でホームぺージへアクセスするかをきちんと分析して、もしスマートフォンからのアクセスが多いようであれば出来るだけ早くスマートフォン対応することをおすすめいたします。

ホームページのスマートフォン対応に関するご相談は、お気軽にお問い合わせください。

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

WEBマーケティング
スマートフォン対応サイト制作

スマートフォン対応したホームページ制作に関連する記事

スマートフォンサイトからPC版サイトへのリンクについて
レスポンシブデザインのメリット・デメリットで導入検討
スマートフォン専用サイトのメリット・デメリット
スマートフォン、指のアクション名称一覧

K2 WAY

ソリューション

施策事例 Client Voice

WEB担当者の必見ノウハウ 7 選

K2の得意なこと

WEBマーケティング

WEBマーケティング

顧客とのコミュニケーション課題を解決して、御社のビジネスを成功につなげるWEBマーケティングのプロ集団です。

WEBマーケティング

インバウンド集客PR

インバウンドの集客PR

IT/SNSを使ったプロモーションからイベント開催まで一貫したO2Oブランド構築で集客・PRをご支援をいたします。

インバウンド集客PRを見る

CMSツール導入支援

CMSツール導入支援

HTMLが判らなくてもかんたんにWEBサイトを更新出来るCMSツールを活用して、見込み客をを増やしませんか?

CMSツール導入支援を見る