PCサイトとスマートフォンサイトを作成する場合

スマホサイト制作・構築の相談 回答受付中 回答数:3 閲覧数:67 お気に入りの相談に追加
ログインすると「お気に入りの相談」リストに追加できます。
「お気に入りの相談」に回答やコメントがあると、お知らせ通知が届きます。

flagflag (flagflag)

ログインすると、flagflag (flagflag)さんに「ありがとう」を伝えられます。
WordPressでPCサイトとスマートフォンサイトを作成する場合にレスポンシブで構築するべきか、スマートフォン用テーマをPC用テーマと別々に作るべきかどちらがいいのでしょうか?

Yahooやメガバンク系銀行サイトを見ると同じURLでPCサイトとスマートフォンサイトを切り替えるようになっていました。

更新の手間やサイトの規模に寄っても変わってくるとは思うのですが、レスポンシブとそれ以外のメリット・デメリットなどが分かればお教えいただければと思います。
投稿日時:2015年01月18日 12:43:52

回答者コメント

初めまして!

 WordPressで作成する場合のレスポンシブは、
  『アクセスされた端末に最適化した見栄えで表示する』
もので、PC版と同じメニューがスマホ用に見やすく表示されるので利用者は
クリックや閲覧がしやすくなるメリットがあります。
 しかしながら、自分が知っている範囲にはなりますが、ウェブサイトの機能
を変えることは出来ないので、PCとスマホ版で機能を変えたいとか、メニュー
などを表示する・しないなどの変更はできないです。

 個人的には利用者はコンテンツの閲覧が中心でしたら Wordpress にレスポ
ンシブなテーマを利用することでも十分かと思います。
ログインすると、株式会社プラスワン (office_plusone)さんに「ありがとう」を伝えられます。
投稿日時:2015年01月19日 02:33:21

回答者コメント

初めまして。

仰るとおり、非常に迷うところだと思いますが、Googleの推奨はレスポンシブウェブデザインです。

下記はGoogleが作ったモバイル向けサイトのガイダンスです。
一読されてみてはいかがでしょうか?

https://developers.google.com/webmasters/mobile-sites/get-started/key?hl=ja
ログインすると、inomata (Ino1979)さんに「ありがとう」を伝えられます。
投稿日時:2015年01月19日 18:09:23

回答者コメント

初めまして。

先に結論から言うと、現状ではレスポンシブでのサイト構築が最良ですが、レスポンシブで構築するか、PCとスマホを分けるかは、サイトの規模などによってケースバイケースです。

レスポンシブで構築する場合の一番のメリットは、一つのHTMLソースで全てのデバイスに対応ができることです。W3Cでも「One Web」の観点から推奨されており、GoogleやBingなどの検索エンジンでもSEOの観点から同一のコンテンツを単一のURLで管理する「One URL」という考え方が推奨されています。
以前は、レスポンシブデザインのコーディングに知識が必要で、敷居も高かったですが、今はレスポンシブに対応したフレームワークや情報も多くなり、敷居は下がってきています。
更新の手間もPCとスマホを分けた場合に比べて、単純に半分の手間で済みます。ソースが1つなので管理・更新が楽になります。将来、新たなデバイスが登場しても対応できるというメリットもあります。

デメリットとしては、PC優先かスマホ優先かどちらかに妥協しなければならないことです。
又、サイトの規模が大きくなり、デスクトップにだけ出したい情報、スマートフォンだけに出したい情報などが多くなっていくとHTML構造がとても複雑になります。一つの変更がどのデバイスにどう影響するのかを考えなければならなくなり、かえって更新コストが高くなる可能性があります。場合によっては、PCとスマホを分けた方が更新が早い場合も出てきます。
もう一つ、スマホに不必要なリソースも読み込んでしまうという問題があり、スマホ専用サイトよりも表示に時間がかかることがあります。特に大きな画像などスマホ向けには小さくても良い場合も最大幅に合わせた画像を用意する必要があります。(技術的には、デバイスに合わせて画像を出しわけるなどの対応も可能ですが)

レスポンシブデザインにするか、ダイナミックサービング(同じURLでPCとスマホのHTMLを分ける)にするか、モバイル専用URLを用意するかは、いろいろと議論の分かれるところです。実際に制作するWeb屋さんと良く相談されるのがよいのではないでしょうか?



ログインすると、うぇぶ屋さん. (rmkikaku)さんに「ありがとう」を伝えられます。
投稿日時:2015年01月20日 18:57:09

関連する相談

  • 「女史向けSNSスマホアプリ」デザインのご相談

    業界No2の企業をNo1に押し上げるキラースマホ・アプリです。 機能面では、すでに了解が取れています。残すはビジュアルのみ。 http://ec2-52-10-99-218.us-west-2.compute.amazonaws.com/pp%E7%94%BB%E9%9D%A2%E9%81%B7%E7%A7%BB%E5%8E%9F%E5%AF%B8%E3%83%9E%E3%82%B9%E3%82%AF.jpg に画面遷移図を参考資料として置きました。 予算は5〜10万円を想定していますが、3月中に納品したく、特急料の加算は相談してください。 デザインの採用が決定すれば、年間契約や、他案件の優先的案内をさせていただきます。 よく見かけるビジュアルは求めていません。 こんなもの通るかな〜?くらいのおもいっきりな遊びを期待しています。 最後になりますが、最悪、納期の相談には乗れる可能性があります。

  • レスポンシブルサイトの制作相場について

    現在、サイト制作を依頼したいと考えているのですが、 たとえば、こちらの参考サイト(http://www.ziriri.com/lp/ziriri)の制作をライティング・デザイン・コーディングをお願いした際に必要な費用の相場はいくらになるのでしょうか? 納期イメージは発注から1週間以内です。 1.お問い合わせフォームありの場合 2.お問い合わせフォームなしの場合 ※フォームの入力inputボックスは5箇所程度 1と2それぞれの相場感を教えていただきたいです。 どうぞ、よろしくお願い致します。

  • WEBサイトとスマホアプリの製作費用

    WEBサイトとスマホアプリの製作を考えています。 当方、技術者ではありますが、ソフトウェアは素人なので相場が分かりません。 依頼する際の価格相場・費用が分からないので、こちらで相談させてください。 以下に要件をまとめさせていただきましたので、お見積りをいただけませんでしょうか。 ■依頼の背景  福祉(互助組織のようなもの)に関する社会貢献度の高いサイトの構築です。  資金の調達のための見積もりが必要です。 ■見積もり範囲  WEBサイト製作  スマホアプリ製作(iOS、アンドロイドそれぞれについて) ■概略  以下ができるサイトとスマホアプリの製作を考えています。 (秘密保持のため、抽象的になり、分かりにくいかもしれませんがご容赦下さい)  会員制の仲介サイトです。   <登録>  依頼人と受託人が登録し、会員になれば、依頼も受託もできます。  入会金は必要としませんが、必要情報を入力してIDとパスワードを取得します。  正式会員になるため、当方へ身分証明書のコピーを送付します。(身元確認)  確認ができ次第、登録されます。  登録が終わったら、確認メールが発送されます。  依頼人は依頼する時までに、入金してポイントを購入する必要があります。  受託人は交渉成立時にポイントを受け取れ、退会する時に換金できます。   <操作>  依頼人が依頼したいときに日時、場所、期間などいくつかの条件を入力します。  依頼人が条件で制限した範囲の受託人にメールが飛びます。  受託人は、あらかじめ登録されている依頼人の情報と今回の条件を見られます。  受託人は依頼人の提示条件を見て、受託したい場合は、返信します。  依頼人にメールが返信されます。  依頼人は、受託人のあらかじめ登録されている情報を初めて見られます。  依頼人は返信が来た受託人の中から、依頼する人を1人選び、返信します。  交渉が成立したら、当方から両者へ必要な連絡情報が配信されます。  これ以降は依頼人と受託人の個人交渉となりますので、これで終了です。  また、交渉が成立した時点で依頼人から所定のポイントが差し引かれます。  受託人へは所定のポイントが与えられます。  このときに交渉で決めた時間(期間)次第で、ポイントが変わります。  1時間当たりのポイントが決まっています。 ■その他(納期や作業範囲など)  このようなソフト開発ですと納期はどの程度になるでしょうか。  詳細仕様によるかと思いますが、雛形になるソフトは世の中に多いかと思い  ますので、比較的、短期間でできるのかと考えております。  この点も教えて頂ければと思います。 回答にあたり不明点があれば、お気軽にご質問ください。 どうぞよろしくお願いいたします。

  • NewsPicks風アプリ開発費用について

    スマートフォン(スマホ)アプリ制作・構築の依頼を検討しております。 依頼する際の価格相場・費用が分からないので、こちらで相談させてください。 以下に要件をまとめさせていただきましたので、お見積りをいただけませんでしょうか。 ■依頼の目的・背景   自社のお客様への知識提供として、ニュース記事+様々な機能(銀行残高・資産状況)がついたアプリ制作を考えております。  デザインは、NewsPicks・SmartNewsのように、上部にタブがあり、そこには各種記事・自社イベント開催状況・会員ログイン、などを考えおります。  記事は基本的には有料ですが、一部有料記事で有料会員のみ開くことができる。     ■参考になるサイト(URLなど)   ・https://apps.apple.com/jp/app/newspicks-%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%BA%E3%83%94%E3%83%83%E3%82%AF%E3%82%B9/id640956497 ■ページ数/必要な機能   ・有料会員専用ログイン機能   ・上部タブ(カテゴリー)は約5つ   ・ ■その他(納期や作業範囲など)   ・納期:締め切りは設けておりません。指定していただければと思います。   ・作業範囲:全て(社内にエンジニアがいないため保守もお願いしたいです) ■その他(質問)   ・アプリのみの作成でも可能でしょうか?それともWebメディア+アプリのような形の方が良いでしょうか?    そもそも可能なのか、それとメリットなどあれば教えていただきたいです。    現在Webメディアはやっておりませんので、その際の金額も教えて頂けますと幸いです。     ・イニシャル、ランニングコストを教えてくださいませ。 回答にあたり不明点があれば、お気軽にご質問ください。 どうぞよろしくお願いいたします。

  • 見積もりについて

    モバイルサイト制作・構築の依頼を検討しております。 依頼する際の価格相場・費用が分からないので相談です。 以下に要件をまとめさせていただきましたので、お見積りをいただけませんでしょうか。 ・依頼の目的・背景 自社ショッピングサイト(http://www.narutomiya.net/)を運用中ですが、なかなか 売り上げにつながりません。話では、スマホ利用はPCを超えたとのことで、モバイルでのサイトを構築し、PCと両方運用にしたいと考えています。 商品は、国内では輸入元の韓国竹塩「三宝真竹塩」です。 ・ページ数/必要な機能 商品紹介に1ページ、後はお買いもの籠で最低のページ数で結構です。

会員登録する (無料)