- ECサイトでSSRが選ばれるのはSEOではなく売上の問題
- なぜ表示速度が売上に影響するのか
- SSRが変えているのはLCP
- SPAとECの相性問題
- SEO以外の効果
- SSRでもSPAの利点は使える
- 注意点
- なぜECで広く採用されるのか
- まとめ
ECサイトでSSRが選ばれるのはSEOではなく売上の問題
ECサイトでSSR（Server Side Rendering）が採用される理由は「検索に強いから」と説明されがちですが、それだけではありません。
本質的な理由は、コンバージョン率（CVR）が表示速度と直結しているためです。
ECサイトはユーザーが訪問してから数秒以内に、商品情報・価格・画像・在庫が理解できるかどうかで売上が変わります。
SSRは、この「最初の数秒」を改善するための技術です。
なぜ表示速度が売上に影響するのか
ユーザーの行動は想像以上に短時間です。
検索結果や広告から商品ページにアクセスしたとき、ユーザーはまず次を確認します。
- 商品名
- 商品画像
- 価格
- 在庫感
ここが表示される前に待ち時間が発生すると、ユーザーは戻るボタンを押します。
特にスマートフォンでは顕著です。
SPAの場合、ページの流れはこうなります。
| 段階 | 内容 |
| 1 | HTML受信 |
| 2 | JavaScriptダウンロード |
| 3 | JavaScript実行 |
| 4 | API通信 |
| 5 | 描画 |
この間、ユーザーは商品を確認できません。
体感的には「ページが開いていない」のと同じです。
SSRが変えているのはLCP
Webパフォーマンスの指標にLCP（Largest Contentful Paint）があります。
これは「最も大きな要素が表示されるまでの時間」です。
ECサイトの場合、最大要素は商品画像か商品タイトルになります。
SSRでは、この要素が最初のHTMLに含まれます。
<h1>ワイヤレスイヤホン XYZ</h1> <img src="/item.jpg"> <span class="price">9,980円</span>
つまり、HTTPレスポンスを受け取った瞬間に商品が見えます。
これがCVRに影響します。
SPAとECの相性問題
SPAはログインアプリには適していますが、ECの商品ページとは相性が良くありません。
理由はユーザーの心理です。
商品ページのユーザーは「操作」ではなく「判断」を行っています。
- 読み込み待ち → 不安
- 白画面 → 不信感
- 画像遅延 → 品質疑問
これはUXの問題ではなく、購買心理の問題です。
実際に起きる現象
- 広告流入の直帰率が高い
- 商品詳細ページだけ離脱が多い
- 回線が遅いユーザーほど購入率が低い
これらはSPA商品ページで頻出します。
SEO以外の効果
SSRの効果は検索流入だけではありません。
SNS流入
OGPが正常表示され、クリック率が向上します。
広告品質スコア
ページ表示速度は広告ランクにも影響します。
結果として広告単価が下がることがあります。
クローラ巡回
検索エンジンのクロール効率が改善し、インデックスが安定します。
SSRでもSPAの利点は使える
SSRは静的ページではありません。
初期表示後はSPAとして動作できます。
hydrateRoot(document.getElementById("app"), <App />)
この「ハイドレーション」により、
- カート操作
- レビュー投稿
- お気に入り登録
といったインタラクションはSPAのように高速に動きます。
つまりECサイトは
「最初はSSR、操作はSPA」
という構造になります。
注意点
SSRは万能ではありません。
サーバ負荷
リクエストごとにHTMLを生成するため、トラフィック増加時に負荷が上がります。
セールやキャンペーン時に顕著です。
そのため実務では、
- キャッシュ
- CDN
- ISR
と組み合わせて運用します。
在庫情報
在庫数をSSRに含めると、キャッシュとの整合性が問題になります。
リアルタイム情報はAPI取得に分離する設計が必要です。
なぜECで広く採用されるのか
ECは「1%の改善」が売上に直結します。
表示が0.5秒速くなるだけで、年間売上に大きな差が出るケースがあります。
SSRは見た目の美しさの技術ではなく、機会損失を減らす技術です。
まとめ
ECサイトにおけるSSRはSEO対策ではありません。
商品ページを「すぐ理解できる状態」で届けるための仕組みです。
ユーザーは高速なサイトを評価するのではなく、待たされないサイトを信頼します。
ECサイトでは、その信頼がそのままコンバージョン率になります。
