BtoBサイトもスマホ対応は必要?EC・コーポレートサイトで見直したいポイント

BtoBサイトをスマートフォンで確認する担当者のイメージ

BtoB企業のWebサイトは「業務中にパソコンで見るもの」と考えられがちです。確かに、仕様比較、見積作成、注文処理など、パソコンが中心になる業務は少なくありません。
しかし、最初の情報収集、展示会後の確認、営業先からの閲覧、既存顧客による資料検索、採用情報の確認など、スマートフォンが使われる場面も少なくありません。

対象になるのはBtoB ECだけではありません。製品やサービスを紹介するコーポレートサイト、技術資料を掲載するメーカーサイト、問い合わせ・見積依頼フォーム、採用ページなども含まれます。
このページでは、BtoBサイトでもスマホ対応が必要な理由と、ECサイト・コーポレートサイトそれぞれで優先して確認したいページ、既存サイトを活用した対応方法をご紹介します。

※ここでは、BtoB EC、製造業・卸売業などの法人向けコーポレートサイト、会員向けページ、採用ページを含めて「BtoBサイト」と表記します。
※既存ECサイトを全面リニューアルせずスマホ対応する方法は、こちらの記事でも詳しく紹介しています。

BtoBサイトでもスマホ対応が必要な理由

BtoB商材では、問い合わせや商談に至る前に、担当者自身が企業サイトで製品、サービス、実績、技術情報などを確認することが一般的になっています。 最終的な比較や社内申請はパソコンで行うとしても、最初の接点がパソコンとは限りません。

  • 展示会やセミナーで知った企業を、移動中に検索する
  • 営業メールや名刺のQRコードから、スマートフォンで製品ページを見る
  • 現場や取引先で、型番、仕様、在庫、納期、資料を確認する
  • 社内チャットで共有されたURLを、そのままスマートフォンで開く
  • 求人媒体や検索結果から、採用情報と会社情報を確認する

こうした場面で文字が小さい、横に広い、メニューを操作できない、PDFの場所が分からないといった状態では、必要な情報へ到達する前に閲覧をやめられる可能性があります。 BtoBサイトのスマホ対応は、スマートフォンだけで商談や注文を完結させるためではなく、検討の初期段階や外出先でも、必要な情報を確認できる状態にすることが目的です。

検索面でも確認が必要です: Google検索では、原則としてモバイル版のページ内容がインデックスと評価の基準になります。 PC版には掲載されている情報がスマートフォン側で欠けている場合や、モバイル表示で主要な内容を確認できない場合は、検索流入にも影響する可能性があります。

スマートフォンでBtoBサイトを見る4つの利用者

「法人向けだからスマートフォンでは見られない」と考えるより、誰が、どの場面で、何を確認するのかを分けて考える方が実態に合います。

1
新規の購買担当者・技術担当者
比較検討前

取引候補を探している担当者は、会社概要だけでなく、製品の用途、対応範囲、導入実績、技術資料、問い合わせ先まで確認します。 スマートフォンでは、まず「自社の条件に合いそうか」を短時間で判断できることが重要です。

  • 製品・サービスの概要
  • 対応業界・用途・事例
  • 仕様書・カタログ・資料ダウンロード
  • 見積依頼・問い合わせ
2
既存顧客・取引先
継続取引

既存顧客は、商品を探すだけでなく、再注文、納期確認、資料の再取得、担当窓口の確認などでサイトを利用します。 現場からアクセスする場合もあるため、型番検索やログイン後の画面までスマートフォンで確認できるかが問題になります。

  • 型番・品番検索
  • 在庫・納期・価格の確認
  • 注文履歴・再注文
  • サポート窓口・各種書類
3
営業担当者・現場担当者
社外利用

自社の営業担当者が、訪問先で製品ページや導入事例を見せることもあります。 製造・施工・保守の現場では、図面、マニュアル、適合情報、連絡先をスマートフォンで確認することもあります。

  • 製品写真・仕様の提示
  • 事例・導入効果の説明
  • マニュアル・技術資料の確認
  • 営業所・担当窓口への連絡
4
求職者・学生
採用候補者

求職者は、求人媒体で会社を知ったあと、コーポレートサイトや採用ページで事業内容、職場、制度、拠点などを確認します。 採用ページだけがスマホ対応していても、会社概要や製品情報がPC向けのままでは、企業全体を理解しにくくなります。

  • 事業内容・製品・顧客
  • 職種・仕事内容
  • 社員紹介・職場環境
  • 募集要項・応募フォーム
BtoBサイトの情報と利用者を確認するイメージ

BtoB ECとコーポレートサイトでは、確認する場所が異なります

BtoB ECと法人向けコーポレートサイトでは、サイトの目的が異なります。 同じスマホ対応でも、商品を注文できることを優先するのか、問い合わせ前の情報確認を優先するのかによって、対象ページと検証内容が変わります。

BtoB ECとコーポレートサイトで確認したい内容
比較項目 BtoB EC・会員サイト BtoBコーポレートサイト
主な目的 商品検索、価格・在庫確認、見積、注文、再注文 会社・製品の理解、比較検討、資料請求、問い合わせ、採用
優先ページ ログイン、商品一覧、商品詳細、カート、注文履歴、マイページ トップ、事業・製品、実績、会社概要、採用、問い合わせ
スマホ特有の課題 検索条件が多い、表が横長、数量入力が難しい、注文画面が長い 階層が深い、製品分類が分かりにくい、PDF中心、フォームが使いにくい
既存システムとの関係 在庫、受注、価格、会員、決済、基幹システムとの連携が多い CMS、問い合わせ管理、資料請求、採用管理などとの連携が中心
確認すべき成果 検索・注文を完了できるか、再注文まで進めるか 目的の情報に到達できるか、問い合わせや応募へ進めるか

コーポレートサイトだから閲覧だけできればよい、BtoB ECだから注文画面だけ直せばよい、という分け方では不十分です。 BtoB ECでは商品を知るための説明ページが必要であり、コーポレートサイトでも見積依頼、資料請求、会員向け資料などの業務機能を持つことがあります。

スマホ対応で優先して確認したいページと機能

全ページを一度に作り替えられない場合は、利用頻度と事業への影響を見ながら対象を決めます。 特に次のページは、BtoB ECとコーポレートサイトの両方で確認しておきたい箇所です。

1
製品・サービスを探すページ
検索・分類
  • カテゴリ名が長くてもメニューを操作できるか
  • 型番、用途、仕様、業界などで検索できるか
  • 一覧表が画面からはみ出していないか
  • 商品画像と主要な仕様を同時に確認できるか
2
技術資料・カタログ・PDF
資料確認
  • 資料の種類と対象製品が分かるか
  • ダウンロードボタンを押しやすいか
  • PDFだけでなく、要点をWebページ上でも確認できるか
  • ログインや個人情報入力が必要な範囲は適切か
3
問い合わせ・見積依頼・注文
入力操作
  • 電話番号、メール、数量などを入力しやすいか
  • 必須項目が多すぎないか
  • エラー内容と修正箇所が分かるか
  • 確認画面から前の画面へ戻っても入力内容が残るか
4
ログイン後・会員向けページ
継続利用
  • ID・パスワード入力と再発行をスマートフォンで行えるか
  • 注文履歴、見積、請求書、資料を確認できるか
  • 横長の明細表を読み取れるか
  • 外部決済や別システムへ移動した後も操作を続けられるか
PC表示の縮小だけでは不足します: 文字が読めても、ボタン同士が近い、表を左右に動かし続ける、メニューがマウス操作を前提としているといった状態では、業務に必要な操作を完了できません。

採用ページだけでなく、コーポレートサイト全体が企業イメージになります

採用に力を入れている企業では、専用の採用サイトや動画、社員紹介などを用意する例が増えています。 ただし、求職者が見るのは採用ページだけではありません。

  • どのような製品・サービスを扱っているか
  • 取引先や社会にどのような役割を持つ会社か
  • 工場・営業所・研究拠点はどこにあるか
  • 会社として情報発信を続けているか
  • 応募前に知りたい情報へ迷わず移動できるか

求人媒体、SNS、学校からの案内などをスマートフォンで見たあと、そのまま企業名を検索してコーポレートサイトへ移ることがあります。 採用ページはスマートフォンで読みやすくても、事業内容や製品ページがPC向けのままでは、会社の仕事を理解する段階で負担が生じます。

BtoB企業では、一般消費者には知られていなくても、専門分野で高い技術や実績を持つ会社が数多くあります。 その内容をスマートフォンでも伝えられるようにすることは、見た目を新しくするだけではなく、事業内容と仕事の価値を候補者へ説明するための基盤になります。

スマートフォンでBtoBサイトの画面を比較するイメージ

BtoBサイトをスマホ対応する3つの方法

対応方法は、サイトの古さだけでなく、CMSやEC基盤、更新体制、連携システム、公開希望時期によって決まります。 主な方法は次の3つです。

BtoBサイトのスマホ対応方法
方法 内容 適している状況 確認事項
レスポンシブリニューアル サイト構成、デザイン、HTML、CMSなどを見直し、PCとスマホを共通の仕組みで構築する 情報構成やブランド表現も変更したい/基盤の更新時期を迎えている 費用、制作期間、データ移行、連携先、更新担当
既存サイトの部分改修 主要テンプレートや優先ページにCSS・HTMLの改修を行い、段階的にスマホ表示へ対応する ソースを変更できる/ページ構造が比較的共通している/対象を限定できる 未対応ページとの混在、改修範囲、保守会社との役割分担
スマホ自動変換 既存サイトのHTMLを取得し、変換ルールに基づいてスマートフォン向けに表示する 既存サイトを大きく変更できない/ページ数が多い/短期間で確認を始めたい ログイン、フォーム、EC、外部遷移、元ページ変更時の確認

長期的にはレスポンシブリニューアルが適している場合でも、予算化や基幹システムの改修に時間がかかることがあります。 その期間に、製品情報、問い合わせ、採用、会員ページなど、利用される画面から先にスマートフォン対応する方法もあります。

既存のBtoB EC・コーポレートサイトを活用するスマホ自動変換「movo」

当社のスマホ自動変換サービス「movo(ムーボ)」は、スマートフォン利用者と既存Webサーバーの間に変換用の中継サーバーを設ける方式です。 PC版サイトのHTMLを取得し、ページごとに設定した変換ルールとCSSを適用してスマートフォン向けに表示します。

movoが候補になるサイト

  • PC版サイトは現在も業務で利用されており、大きな問題なく稼働している
  • ページ数や製品数が多く、短期間で全ページを作り直すことが難しい
  • 独自CMS、古いパッケージ、基幹連携などがあり、既存環境を変更しにくい
  • BtoB ECの在庫・受注・会員・価格管理を継続利用したい
  • 採用、製品情報、問い合わせなど、優先ページからスマホ対応を始めたい
  • 次期リニューアルまでの期間にも、スマートフォン利用者への対応が必要

リニューアルを優先した方がよいサイト

  • CMSやEC基盤の保守が終了しており、セキュリティ面の更新が必要
  • 製品分類、サイト構成、文章、ブランド表現を全面的に変更したい
  • 現在のページに必要な情報が不足しており、表示変更だけでは解決できない
  • 近い時期にECカートやCMSの移行が決定している
  • 受注、在庫、顧客管理など、Web表示以外の業務も変更したい

movoは、すべてのBtoBサイトに適した方法ではありません。 無料テスト変換では、実際のURLを使って表示と操作を確認し、スマホ自動変換で対応できる範囲と、別途改修が必要な箇所をお伝えします。

BtoBサイトの無料テスト変換から公開まで

BtoB ECとコーポレートサイトでは確認する画面が異なるため、テスト対象は現在の利用状況を伺って決めます。 詳細な仕様書がない段階でも、対象URLと主な課題から確認を始められます。

  1. STEP 1
    対象サイトと利用者を確認

    BtoB EC、製品サイト、コーポレートサイト、採用ページ、会員ページなど、対象となるURLを確認します。 あわせて、購買担当者、既存顧客、営業担当者、求職者のうち、誰の利用を優先するかを伺います。

  2. STEP 2
    代表ページを無料でテスト変換

    トップページ、製品一覧、製品詳細、問い合わせ、ログイン、注文画面、採用ページなどから代表的な画面を選び、スマートフォン向けの確認環境をご用意します。

  3. STEP 3
    表示・操作・外部連携を確認

    文字や画像の見え方だけでなく、メニュー、検索、PDF、フォーム、ログイン、カート、外部システムへの移動まで確認します。 元サイトの構造によって追加調整が必要な箇所もお伝えします。

  4. STEP 4
    対象範囲と公開方法を決定

    テスト結果をもとに、対応ページ、変換設定、接続方法、保守範囲、費用、公開日を確認します。 部分改修やリニューアルを選ぶ方が適切な場合は、その理由もあわせてご説明します。

BtoB ECだけ、採用ページだけ、製品情報と問い合わせだけなど、対象を限定した検証も可能です。 全面リニューアルを行うか決まっていない段階でも、現在のサイトでどこまで対応できるかを確認できます。

BtoB EC・コーポレートサイトを
スマホ対応できるか無料で確認します

対象となるWebサイトのURLをお送りいただければ、代表的なページをスマートフォン向けに変換したテスト環境をご用意します。
製品一覧、技術資料、問い合わせ、ログイン、注文、採用ページなどを確認し、対応できる範囲と追加調整が必要な箇所をご案内します。

※テスト結果がご要望に合わない場合は、導入を見送っていただけます。
※スマホ自動変換より部分改修やリニューアルが適している場合も、その理由をお伝えします。

TOPへ