Case

構築事例

機会損失ゼロへ。
オフィス用品通販サイトが直面した「決済の壁」と「SEO課題」の克服!!

国内最大級
事務機器・OA機器専門通販サイト運営企業

オフィス用品

工期:6カ月
開発体制:ディレクター1名、開発担当者2名

国内最大級 
事務機器・OA機器専門通販サイト運営企業

プロジェクトの背景・課題

EC-CUBEをベースに構築された既存サイトは、日々の運営の中で多岐にわたる課題を抱えていました。

  • ⚫︎決済の不安定さ:

    クレジットカード(楽天カード)やPayPayといった主要な決済手段でエラーが断続的に発生。お客様が購入を完了できないケースがあり、大きな機会損失となっていました。

  • ⚫︎使い勝手の悪さ (UI/UX):

    商品をカートに入れてもヘッダーのカートアイコンの表示がすぐに更新されなかったり、カテゴリページのコンテンツ表示順が最適化されていなかったりと、お客様が直感的に操作しづらい点が散見され、ストレスを与える原因となっていました。

  • ⚫︎SEOパフォーマンスの伸び悩み:

    Googleの検索結果に意図しないサムネイル画像が表示されたり、商品一覧ページのタイトルタグが画一的であったりと、検索エンジン経由の集客力を最大限に引き出せていない状況でした。

  • ⚫︎運用負荷の増大:

    CSVでの一括商品登録時に一部のデータが正しく反映されない不具合や、サイト内検索ツールの仕様に関する問題、突発的なデータ破損など、日々の運用業務を妨げるトラブルが頻発し、その都度、手作業での復旧や対応に追われていました。

これらの課題は、売上損失に直結するだけでなく、顧客満足度の低下や、本来注力すべき販促活動の時間を奪うなど、EC事業全体の成長を阻害する要因となっていました。

達成に向けたアプローチ・協議

大規模なサイトリニューアルではなく、Backlogを活用してお客様と課題を共有し、優先順位を付けながら一つひとつ着実に解決していく「継続的改善アプローチ」を実施しました。

  1. 課題の可視化:

    お客様が現場で感じている問題点をすべてBacklogに起票。決済エラー、UIの挙動、管理画面の操作性など、具体的な事象をテキストとスクリーンショットで記録し、課題を明確に共有しました。

  2. 原因調査と解決策の提示:

    担当エンジニアが各課題の技術的な原因を調査。EC-CUBE本体の仕様、導入済みプラグイン、外部サービスとの連携など、複合的な要因を切り分け、最適な解決策を提示します。

  3. 開発とテスト:

    開発環境で改修作業を行い、お客様に動作確認を依頼。双方向のフィードバックを通じて、確実な修正を行います。
    本番リリースと効果検証: お客様の承認を経て、本番環境へリリース。その後も効果を注視し、必要に応じて追加の改善を行います。

このアプローチにより、事業への影響が大きい決済やSEOの課題から迅速に着手しつつ、運用負荷の軽減に繋がる細かな改修も並行して進めることを可能にしました。

実装・カスタマイズ

  • ⚫︎決済フローの安定化:

    決済代行会社とのAPI連携部分を再点検・改修し、楽天カードやPayPay決済が安定して完了するよう修正しました。

  • ⚫︎SEO効果を最大化する内部施策:

    ・商品一覧ページのtitleタグを画一的なものではなく、「(小カテゴリ名)の商品一覧ページ | (大カテゴリ名) |⚪︎⚪︎通販 」のように、パンくずリストと連動して動的に生成されるよう改修。これにより、カテゴリごとの検索エンジン評価を高めます。

    ・カテゴリページの2ページ目以降で、SEO評価の重複に繋がる可能性のあったヘッダー下のコンテンツエリアを非表示にするロジックを追加しました。

    ・Google検索結果に表示されるサムネイル画像が制御できていなかった問題に対し、構造化データや関連するメタタグを最適化するカスタマイズを行いました。

  • ⚫︎運用効率を劇的に改善する機能改修:

    ・商品データ一括更新時のCSVアップロード処理を見直し、「数量」などの特定項目が更新されない不具合を解消。手戻りのないスムーズな商品登録を実現しました。

    ・外部サイト内検索「ユニサーチ」との連携部分を改修。複数の絞り込み条件が「OR」で処理されていた仕様を「AND」条件で正しく動作するように修正し、お客様が意図した商品を的確に見つけられるようにしました。

  • ⚫︎直感的な操作性を実現するUI/UX改善:

    ・「カートに入れる」ボタンを押した際、ヘッダーのカートアイコンがページを再読み込みすることなく即座に更新されるよう、非同期通信(Ajax)を用いた改修を実施。お客様がアクションの結果をすぐに確認できるようにしました。

    ・カテゴリページ内に、関連するサブカテゴリへのリンクを設置し、サイト内の回遊性を高めました。

成果

  • 売上機会の最大化:
    決済エラーによるカゴ落ちが解消され、お客様は安心して購入手続きを完了できるようになりました。これは、サイトの信頼性向上と直接的な売上アップに貢献しています。
  • 顧客満足度の向上とリピート促進:
    サイトの表示速度や操作性が改善されたことで、お客様はストレスなく商品を探し、購入できるようになりました。快適な購買体験は、顧客満足度を高め、再訪問やリピート購入へと繋がります。
  • 検索エンジンからの流入増加:
    タイトルタグの最適化をはじめとするSEO施策が功を奏し、各カテゴリページが検索エンジンから正しく評価される基盤が整いました。これにより、広告に頼らないオーガニックな集客力の向上が期待されます。
  • コア業務への集中と生産性向上:
    CSVでの商品登録やデータ更新の不具合が解消されたことで、EC担当者様は煩雑な手作業から解放されました。創出された時間を、本来注力すべき商品企画やプロモーションといった付加価値の高い業務に充てられるようになり、チーム全体の生産性が向上しました。

ジョーレンより

今回のサイトで実施したカスタマイズは、多くのEC-CUBEサイトが抱える共通の課題を解決するものであり、高い汎用性を持っています。

  • ⚫︎EC-CUBE向けSEO強化パッケージ:

    カテゴリや商品情報と連動した動的なタイトルタグ生成や、重複コンテンツの制御といった機能は、あらゆるEC-CUBEサイトのSEO評価を向上させるための基本的な施策として応用可能です。

  • ⚫︎UI/UX改善モジュール:

    カートアイコンの非同期更新は、ユーザーの操作感を向上させるための必須機能と言えます。これをプラグインやモジュールとして提供することで、多くのサイトの利便性を高めることができます。

  • ⚫︎外部サービス連携の知見:

    外部の検索サービスや決済サービスとの連携時に発生する細かな仕様の違いやトラブルシューティングの経験は、同様の連携を検討している他の事業者様にとって、開発をスムーズに進めるための貴重なノウハウとなります。

弊社は、単にサイトを構築するだけでなく、お客様の事業成長に合わせて、現場の課題に寄り添いながら最適な改善を提案・実行し続けるパートナーでありたいと考えています。