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

スマートフォン対応サイトの代表的な制作方法は2つあります。同じHTMLファイルを基にPC版サイトとスマートフォン対応サイトを表示するレスポンシブウェブデザインと、個別HTMLファイルでスマートフォン対応サイトとPC版サイトを制作するスマートフォン専用サイトです。

個別HTMLファイルで制作するスマートフォン専用サイト

スマートフォン専用サイトとは、個別HTMLファイルで制作したスマートフォン対応サイトを指します。スマートフォン専用サイトを作る場合にもレスポンシブウェブデザインと同様にメリット・デメリットがあります。

今運営しているホームページをスマートフォン対応した際に必要なものは何か？をよく見極めて、スマートフォン専用サイト、もしくはレスポンシブウェブデザイン、どちらのスマートフォンサイト制作の方法を採用するか検討しましょう。

※2017年9月現在ではAMPという規格が注目され始めています。詳しくは『AMPを実装してスマートデバイスでホームページ高速表示！』をご覧ください。（※2017年9月追記）

スマートフォン専用サイトのメリット

スマートフォンとパソコンを個別に設計可能

スマートフォン専用サイトは、スマートフォンの表示データとパソコンの表示データが独立したホームページのため、それぞれで自由な設計が可能となります。もちろんスマートフォン専用サイトとPC版サイト双方で、自由なレイアウト・デザインが可能です。

ホームページ表示速度の軽量化

スマートフォン専用に最適化すれば素材の容量・配置方法、技術的なチューニングが可能で、ページ軽量化による表示速度の向上が期待できます。ホームページ表示速度はGoogleの検索結果にも影響すると言われているので、スマートフォンからアクセスを増やすだけではなく、ユーザーフレンドリーといった観点からも、スマートフォン専用サイトとPC版サイト双方にメリットがあると言えそうです。

スマートフォン専用サイトで閲覧機会の増加

スマートフォン専用サイトに限らないのですが、スマートフォン対応されたECサイトでショッピングをしたユーザーは、購入後に情報検索とホームページ閲覧の機会が増加というデータがあります。パソコンの場合は、『電源を入れて起動する』というひと手間があるため、ユーザーもなかなか重い腰が上がらないですが、スマートフォンのであればすぐに検索出来てしまうのでなるほど！と納得できます。

スマートフォン専用サイトのデメリット

ホームページ運用コストが上がる

スマートフォン専用サイトとPC版サイト、双方のデザインに合わせた画像やテキストなどのコンテンツ素材を、個別に用意する必要があるためにホームページ初期構築時はもちろん更新時にも作業量が増えます。結果、ホームページ更新の際に、スマートフォン専用サイトとPC版サイトの両方を修正する必要があり手間がかかります。

URLの違いによる拡散・管理の不都合

URLが統一されない為、スマートフォンからとパソコンからSNS上にシェアされた際に違うURLになります。また、スマートフォン専用のページが別で存在する場合は、「http://ドメイン/sp」「http://sp.ドメイン/」など別のURLになりますので、それぞれ転送設定が必要です。

サーバー設定で同一URLでの展開も可能な場合もありますが、それでもやはり設定の手間、管理の手間が発生してしまいます。