レスポンシブウェブデザイン
レスポンシブウェブデザインとは？
かつては、パソコン用サイトとスマートフォン用サイトをそれぞれ個別に作成し、閲覧者のユーザーエージェント（使用しているOSやブラウザ）をサーバー側で判別して、適切なサイトを表示する方法が一般的でした。
一方、近年主流となっているのが「レスポンシブウェブデザイン」という手法です。これは、ユーザーエージェントによる振り分けを行わず、閲覧者のブラウザの画面幅に応じて、ページのレイアウトが柔軟に変化するように設計されたものです。
この設計により、パソコン・タブレット・スマートフォンなど、どのデバイスから閲覧しても、画面サイズに最適化された見やすいレイアウトが自動的に表示されるようになります。
レスポンシブウェブデザインのメリット
単一ファイルなので、メンテナンスが楽！
PC用サイトとスマートフォン用サイトを別々に運用している場合、それぞれのHTMLファイルを個別に更新する必要があるため、作業負担は単純に2倍になります。その分、更新ミスが発生するリスクも高まります。
一方、レスポンシブウェブデザインであれば、1つのHTMLファイルを更新するだけで済むため、運用後の更新作業が効率化され、時間やコストの削減につながります。
コンテンツ内容に一貫性が保てる
すべてのデバイスでデザインやコンテンツの内容が統一されているため、PCやスマートフォンなど複数の端末で見比べた場合でも違和感がなく、閲覧者を混乱させる心配がありません。
統一URLなので、SEOにも効果的！
たとえば「サービス案内」のページがPC用とスマートフォン用でそれぞれ別のURLになっている場合、検索エンジンがサイト全体の構造を正確に把握しづらくなることがあります。
その点、レスポンシブウェブデザインで構築されたサイトは、すべてのデバイスで同じURL（統一URL）を使用するため、検索エンジンにとっても構造がわかりやすく、評価されやすくなります。
さらに、Googleも現在、レスポンシブウェブデザインでのサイト構築を正式に推奨しており、SEO（検索エンジン最適化）の観点からも有利です。
モバイルフレンドリー化
「モバイルフレンドリー」とは、ウェブサイトやページがスマートフォンなどのモバイル端末に対応していることを意味します。現在、Googleはこのモバイル対応の有無を検索結果のランキング評価基準の一つとして採用しています。
モバイルフレンドリーと見なされるために、必ずしもレスポンシブウェブデザインである必要はありません。しかし、レスポンシブデザインはモバイル対応を実現するための有効な手段のひとつであり、多くのケースで推奨される選択肢となっています。
かつてGoogleは、モバイル対応しているページに「スマホ対応」というラベルを検索結果に表示していました。
レスポンシブウェブデザイン対応商品
ホームページ制作特別パック
※ 標準納期：2ヶ月
※ 納品後の月額費用はいただいておりません
必要かつ十分な内容のサービスをフルに詰め込み、
費用を抑えたお得なパックです。
- トップページ・サブページのデザイン制作
- 8ページ分のサブページ作成
お問い合わせフォームの作成
※フォームプログラム設置作業を含む。エラーチェック、確認・完了画面表示、完了メール送信機能付き。
トップページ用の画像スライダー作成
【サンプル】
レスポンシブウェブデザイン
PC、タブレット、スマホなど、マルチデバイス対応！
トップページのニュース更新用ツールの設置
アクセス分析用ツールの設定
※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。
- Yahoo!/googleへのサイトマップ登録
※パララックスは別途費用
利用条件
- 原稿はご用意下さい。新規に作成が必要な場合、当社にて作成可能です（作成費用は別途）
- サーバーの手配が必要な場合、無料で手続き代行いたします（サーバー費用は別途）
- 標準的な納期は1ヶ月となりますが、お客様のご要望に合わせて可能な限り調整いたします
シングルページ制作パック
※ 標準納期：1週間
※ 納品後の月額費用はいただいておりません
レスポンシブ対応かつ高クオリティーの最安ホームページパックです。
- 全5メニュー分のコンテンツ（5ページ相当）
- レスポンシブウェブデザイン
- メインビジュアル画像スライダー（3枚）
- お問い合わせフォーム（6項目）
アクセス分析用ツールの設定
※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。
- Googlemap埋め込み
利用条件
- 原稿はご用意下さい。新規に作成が必要な場合、当社にて作成可能です（作成費用は別途）
- サーバーの手配が必要な場合、無料で手続き代行いたします（サーバー費用は別途）
- 1メニューの最長サイズはPC閲覧時で縦2500px（画面3スクロール程度）までとなります。
それ以上になる場合は別途費用となります。 - 新たな（用意されていない）レイアウトブロックの作成は別途費用となります。
- フォームの項目数は6項目までとなります。項目追加の場合は別途費用となります。
- 各メニューを個別ページで作成する場合は別途費用となります。
WPシンプルHP作成パック
※ 標準納期：2～3週間
※ 納品後の月額費用はいただいておりません
ミニマムだけどポイントを絞ってしっかり訴求できる、
かつ費用を抑えたお得なパックです。
Wordpressでのサイト構築で簡単更新！
世界最大級シェアのWordpressでサイト構築を行うので、更新作業は管理画面からお客様ご自身で行っていただけます。
- トップページ＋サブページ4P＋ニュース記事のサイト構成
レイアウトブロックを利用したページ作成
レイアウトブロックと呼ばれる30パターンほどあるレイアウトのフォーマットを利用してページを作成していきます。
お問い合わせフォームも標準設置（入力項目は6項目まで）
メインビジュアル画像スライダー
トップページのメインビジュアルは背景画像が切り替わる（3枚）画像スライダーを設置します。
ニュース記事も簡単掲載
最新のニュース記事がトップページにも掲載されます。
レスポンシブウェブデザイン
PC、タブレット、スマホなど、マルチデバイス対応！
アクセス分析用ツールの設定
※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。
- googleへのサイトマップ登録
利用条件
- 原稿はお客様にご用意いただきます。別途費用にて当社で作成することも可能です。
- Wordpressの利用が可能なサーバーをご用意いただく必要があります。
- サーバーの手配が必要な場合、無料で手続き代行いたします（サーバー費用は別途）
- レイアウトブロック数は1ページにつき、最大7つまでとなります。それ以上になる場合は別途費用となります。
- オリジナルのレイアウトブロックの作成は別途費用にて承ります。
- フォームの項目数は6項目までとなります。項目追加の場合は別途費用となります。
- Wordpressの使い方サポートは行っておりません。納品時に簡易マニュアル（PDF）をお送りします。
- 納品後のWordpressの保守は含まれておりません。
CMSホームページ制作パック
※ 標準納期：2ヶ月
※ 納品後の月額費用はいただいておりません
必要かつ十分な内容のサービスをフルに詰め込み、
費用を抑えたお得なパックです。
- トップページ・サブページのデザイン制作
8ページ分のサブページ作成
お問い合わせフォームの作成
※フォームの作成はプラグインを利用しますトップページのニュース欄設置
全ページCMS（WordPress）での構築
※WordPressによる編集は、ページ内の編集可能領域のみとなります（ヘッダー、フッターの編集は行えません）トップページ用の画像スライダー作成
レスポンシブウェブデザイン
PC、タブレット、スマホなど、マルチデバイス対応！
アクセス分析用ツールの設定
※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。
- Yahoo!/googleへのサイトマップ登録
WordPressデータの定期バックアップも対応
※バックアップスケジュールは1週間ごとの最大8個までの保存となります
※パララックスは別途費用
利用条件
- 原稿はご用意下さい。新規に作成が必要な場合、当社にて作成可能です。（作成費用は別途）
- 写真素材については、使用したい写真がある場合はご支給ください。
指定がない場合は、当社契約の約20万点のイメージ写真素材から厳選した写真を使用し制作いたします。 - サーバーの手配が必要な場合、無料で手続き代行いたします。（サーバー費用は別途）
- 標準的な納期は2ヶ月となりますが、お客様のご要望に合わせて可能な限り調整いたします。
- ブログ機能は追加オプションでの対応となります。
- ページ数の増減にも対応いたします。増減による金額変更は別途お見積もりいたします。
- WordPressにご希望の機能を追加する場合は別途費用となります。
- マニュアル納品以外に操作のレクチャーが必要な場合は、別途費用にて対応いたします。
- WordPressへの第三者による攻撃が原因で生じた損害について、当社は一切の責任を負いません。
お電話でのお問い合わせ・お見積もり依頼は
03-5314-3270（9：00～19：00）
