ホームページ制作サービス一覧SERVICES

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

レスポンシブウェブデザインとは?

ホームページをPCとスマートフォンそれぞれに対応(最適化)させるには、PC版サイトと、スマートフォンサイトを別々に用意し、サーバー側で閲覧者のユーザーエージェント(OSやブラウザ)を判別して、表示するサイトを振り分けるというやり方が一般的でした。

これに対し、ユーザーエージェントによる振り分けは行わず、閲覧者のブラウザの横幅に応じて、最適なレイアウトに変化するよう設計するやり方が、「レスポンシブウェブデザイン」です。
これにより、PC、タブレット、スマートフォンそれぞれに適したレイアウトが表示されるようになります。

  • PC、スマホの2サイト運用
  • レスポンシブウェブデザイン

レスポンシブウェブデザインのメリット

単一ファイルなので、メンテナンスが楽!

PC、スマホの2サイト運用の場合、それぞれのHTMLファイルを更新しなければいけたいため、作業も単純に2倍になりますし、作業上でのミスのリスクも増えます。
これに対し、レスポンシブウェブデザインは1つのHTMLファイルを更新すればよいので、運用後の更新作業において、時間、コストの削減ができます。

コンテンツ内容に一貫性が保てる

すべてのデバイスで統一のデザイン、コンテンツ内容のため、複数のデバイスで見比べた場合でも違和感が少なく、閲覧者の混乱を防ぐことができます。

どのデバイスで見ても違和感は少ない

統一URLなので、SEOにも効果的!

たとえば、「サービス案内」というページがPC用とスマホ用とで2つあった場合、検索エンジンはサイトの構造を把握するのに迷ってしまいます。その点で、統一URLは検索エンジンに対しても非常にわかりやすい構造です。また、googleは現在、レスポンシブウェブデザインでのサイトの構築を正式に推奨しています。

PC、スマホの2サイト運用のためサイト構造がわかりにくい

統一URLでサイト構造がわかりやすい

モバイルフレンドリー化

モバイルフレンドリーとは、サイト、ページがスマートフォン対応していることを意味します。googleは現在、モバイルフレンドリーだと認識したページには、検索結果画面に「スマホ対応」というラベルを表示しています。また、モバイルフレンドリーであるかどうかも検索結果のランキングの評価基準に用いています。

モバイルフレンドリーだと認識されるには、必ずしもレスポンシブウェブデザインである必要はありませんが、フレンドリー化を行う上での選択肢のひとつであることは間違いありません。

google検索結果画面

Tips

ホームページ制作特別パック

ホームページ制作特別パック 10p 60万円

※ 標準納期:2ヶ月

※ 納品後の月額費用はいただいておりません

必要かつ十分な内容のサービスをフルに詰め込み、
費用を抑えたお得なパックです。

  • トップページ・サブページのデザイン制作
  • 8ページ分のサブページ作成
  • お問い合わせフォームの作成
    ※フォームプログラム設置作業を含む。エラーチェック、確認・完了画面表示、完了メール送信機能付き。

    トップページ + サブページ8ページ + 問い合わせフォームの全10ページ!

  • トップページ用の画像スライダー作成

    【サンプル】

    売り上げアップや問い合わせアップを実現するホームページの企画・制作
    すべてのデバイスで、最適化されたホームページを レスポンシブウェブデザイン
    誰でもカンタン更新!ページ追加・編集が思いのまま!フルCMSホームページ制作
    ホームページ&会社案内制作パック
  • レスポンシブウェブデザイン

    PC、タブレット、スマホなど、マルチデバイス対応!

    レスポンシブウェブデザインとは?

  • トップページのニュース更新用ツールの設置

    ニュース更新用ツールの詳細はこちら

  • アクセス分析用ツールの設定

    ※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。

    アクセス分析用ツールの詳細はこちら

  • Yahoo!/googleへのサイトマップ登録

※パララックスは別途費用

ホームページ制作パックの詳細はこちら

利用条件

シングルページ制作パック

シングルページ制作パック 縦長シングルページ 99,800円

※ 標準納期:1週間

※ 納品後の月額費用はいただいておりません

レスポンシブ対応かつ高クオリティーの最安ホームページパックです。

  • 全5コンテンツ(5ページ相当)
  • レスポンシブウェブデザイン
  • メインビジュアル画像スライダー(3枚)
  • お問い合わせフォーム(6項目)
  • アクセス分析用ツールの設定

    ※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。

    アクセス分析用ツールの詳細はこちら

  • Googlemap埋め込み

シングルページ制作パックの詳細はこちら

利用条件

WPシンプルHP作成パック

WPシンプルHP作成パック 5P 27万円

※ 標準納期:2~3週間

※ 納品後の月額費用はいただいておりません

ミニマムだけどポイントを絞ってしっかり訴求できる、
かつ費用を抑えたお得なパックです。

  • Wordpressでのサイト構築で簡単更新!

    世界最大級シェアのWordpressでサイト構築を行うので、更新作業は管理画面からお客様ご自身で行っていただけます。

  • トップページ+サブページ4P+ニュース記事のサイト構成
  • レイアウトブロックを利用したページ作成

    レイアウトブロックと呼ばれる30パターンほどあるレイアウトのフォーマットを利用してページを作成していきます。

  • お問い合わせフォームも標準設置(入力項目は6項目まで)

  • メインビジュアル画像スライダー

    トップページのメインビジュアルは背景画像が切り替わる(3枚)画像スライダーを設置します。

  • ニュース記事も簡単掲載

    最新のニュース記事がトップページにも掲載されます。

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

    PC、タブレット、スマホなど、マルチデバイス対応!

    レスポンシブウェブデザインとは?

  • アクセス分析用ツールの設定

    ※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。

    アクセス分析用ツールの詳細はこちら

  • googleへのサイトマップ登録

WPシンプルHP作成パックの詳細はこちら

利用条件

CMSホームページ制作パック内容

CMSホームページ制作パック 「CMSホームページ制作パック」10p 90万円

※ 標準納期:2ヶ月

※ 納品後の月額費用はいただいておりません

必要かつ十分な内容のサービスをフルに詰め込み、
費用を抑えたお得なパックです。

  • トップページ・サブページのデザイン制作
  • 8ページ分のサブページ作成

    「ホームページ制作特別パック」トップページ + サブページ8ページ + 問い合わせフォームの全10ページ!

  • お問い合わせフォームの作成
    ※フォームの作成はプラグインを利用します

  • トップページのニュース欄設置

  • 全ページCMS(WordPress)での構築
    ※WordPressによる編集は、ページ内の編集可能領域のみとなります(ヘッダー、フッターの編集は行えません)

  • トップページ用の画像スライダー作成

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

    PC、タブレット、スマホなど、マルチデバイス対応!

    レスポンシブウェブデザインとは?

  • アクセス分析用ツールの設定

    ※設定をご希望の場合は、Google Analyticsのコンバージョンタグをお知らせいただく必要があります。

    アクセス分析用ツールの詳細はこちら

  • Yahoo!/googleへのサイトマップ登録
  • WordPressデータの定期バックアップも対応
    ※バックアップスケジュールは1週間ごとの最大8個までの保存となります

※パララックスは別途費用

CMSホームページ制作パックの詳細はこちら

利用条件

お電話でのお問い合わせ・お見積もり依頼は

03-5314-3270(9:00~19:00)

  • CMSホームページ制作プロ
  • SEM-PRO
  • パンフレット制作ラボ
  • 会社案内制作ラボ
  • カタログデザイン制作ラボ
  • まんがパンフレット制作ラボ