ヘッドレスCMSとは：WordPressとの違いと向いている企業サイト

サイトのリニューアルの打ち合わせで「ヘッドレスCMS」という言葉を聞き、通常のWordPressと何が違うのか、自社に合うのかを知りたいという相談が増えています。表示が速い、セキュリティに強いといった利点が語られる一方で、費用や運用の手間についての説明は少なく、判断に迷う担当者も多いはずです。言葉の印象だけで選ぶと、公開後の運用で思わぬ負担が生まれることがあります。

この記事は、リニューアルでCMSを選ぶ立場の情報システム・マーケティング・広報の担当者向けに、ヘッドレスCMSの仕組みと、通常のWordPressとの違い、向いているサイトと向いていないサイト、導入前に決めることを整理します。特定のサービスを勧めるものではありません。結論を先に言うと、ヘッドレスCMSは「サイトを作る技術」より「サイトを運営する体制」を選ぶ仕組みです。表示の部分を継続して開発・保守できる体制があるかどうかが、最初の判断の分かれ目です。

ヘッドレスCMSの仕組み

通常のWordPressは、管理画面で記事を書くと、同じWordPressがテーマを使ってページを組み立て、訪問者に表示します。管理する部分と表示する部分が一体になっている形です。

ヘッドレスCMSでは、CMSは記事や製品の情報を保存し、決まった形式（多くはJSONという形式のデータ）で外部に渡す役割だけを担います。サイトとして表示する部分（フロントエンド）は、別の仕組みで作り、CMSからデータを受け取ってページを組み立てます。表示の部分という「頭（ヘッド）」を持たないCMS、という意味でヘッドレスと呼ばれます。表示の部分は、ウェブサイトだけでなく、スマートフォンのアプリや店頭の画面など、さまざまな形をとることができます。

WordPressも、ヘッドレスCMSとして使うことができます。WordPressにはデータを外部とやり取りするためのREST APIがあり、WordPressの開発者向けの資料では、WordPressのコンテンツを別のアプリケーションで使うことや、HTTPでやり取りできるさまざまな言語から利用できることが説明されています。最初からヘッドレスとして作られたクラウド型のCMSもあります。

通常のWordPressとの違い

通常のWordPressとヘッドレスCMSの違いを、企業サイトの運用で問題になる項目で比べます。

表を見ると分かるとおり、ヘッドレスCMSの利点の多くは、表示の部分を自分たちで作り込めることから生まれます。その裏返しとして、表示の部分の開発と保守を続ける体制が必要になります。通常のWordPressでプラグインを入れるだけで済んでいた機能も、ヘッドレスでは表示の側で作ることになるため、機能の追加の費用と期間も変わります。

ヘッドレスCMSが向いているサイト

• ページ数やアクセスが多い: 製品やニュースのページが多く、表示の速さが売上や問い合わせに直結するサイト。表示の速さの考え方はWebサイトの表示速度の基準で説明しています。
• 同じ情報を複数の場所で使う: 製品の情報を、コーポレートサイト、製品の特設サイト、アプリ、店頭の端末などで使い回したい場合。
• 開発の体制がある: 社内に開発の担当者がいる、または表示の部分を継続して保守できる制作会社と長く付き合える場合。
• セキュリティの要件が厳しい: 管理画面を社内のネットワークからだけ使えるようにしたいなど、公開のサイトと管理を切り離したい場合。

ヘッドレスCMSが向いていないサイト

• 会社案内が中心で、更新も少ない: 仕組みが複雑になる割に、得られる利点が小さくなりがちです。
• 開発の体制がない: 表示の部分に不具合が出たときや、ページの型を増やしたいときに、すぐ対応できる人がいないと運用が止まります。
• 更新の担当者が見た目を自由に作りたい: ヘッドレスCMSでは、ページの見た目は表示の側で決めた型に沿うため、担当者が自由にレイアウトを変えることは難しくなります。
• 予算が限られている: 表示の部分の開発の費用が加わるため、同じ内容のサイトを通常のWordPressで作るより費用が上がることが多くあります。

会社案内が中心のサイトで、更新の負担を減らしたいだけなら、ノーコードのサービスや、保守を整えた通常のWordPressの方が合うことがあります。比較はSTUDIOとWordPressを比較、判断の全体はWordPressを使い続けるか、やめるかで説明しています。

導入する前に決めること

ヘッドレスCMSを選ぶ場合は、次のことを最初に決めておきます。ここが曖昧なまま始めると、公開の直前に「プレビューができない」「フォームがない」といった問題が見つかります。

1. コンテンツの型: 記事、製品、事例、お知らせなど、情報の種類ごとの項目（コンテンツモデル）を設計します。後から変えると、表示の側の修正も必要になります。
2. プレビューの方法: 担当者が公開前に見た目を確かめる方法を、表示の側に用意します。
3. フォーム: 問い合わせや資料請求のフォームを、どの仕組みで受けるかを決めます。
4. 検索向けの設定: ページのタイトルと説明文、XMLサイトマップ、構造化データ、リダイレクトを、表示の側で用意します。
5. 表示の方式: ページをあらかじめ作っておく方式か、アクセスのたびに作る方式か。更新が反映されるまでの時間にも関わります。
6. 保守の体制: CMSの保守（またはサービスの契約）と、表示の部分の保守を、誰がどこまで担うか。

検索エンジンへの配慮では、表示の部分をJavaScriptで組み立てる場合に注意が必要です。GoogleのJavaScriptのSEOの基本の資料では、Googleがページを処理する流れと、検索に表示させるための注意点が説明されています。サーバーの側でページを作ってから届ける方式にすると、こうした問題を避けやすくなります。

費用の考え方

ヘッドレスCMSの費用は、大きく3つに分かれます。1つ目はCMSの費用で、WordPressを使うならサーバーと保守の費用、クラウド型のCMSなら月額の利用料です。2つ目は表示の部分の開発の費用で、ページの型の数や機能によって変わります。3つ目は公開後の保守の費用で、CMSと表示の部分の両方の更新や不具合の対応が含まれます。

比べるときは、3〜5年の合計で考えます。初期の開発の費用が高くても、複数のサイトで同じデータを使えるなら、全体ではまとめて管理した方が安くなることもあります。反対に、1つのサイトでしか使わないなら、通常のWordPressの方が費用を抑えやすくなります。見積もりを比べるときは、表示の部分の保守の費用が含まれているかを必ず確かめます。

WordPressからヘッドレスCMSへ移る場合

今のWordPressをヘッドレスとして使い続ける方法と、別のヘッドレスCMSに移る方法があります。WordPressをヘッドレスとして使えば、管理画面の操作に慣れた担当者は、そのまま記事を書けます。別のCMSに移る場合は、記事や画像のデータの移し方、URLの対応、フォームや計測の引き継ぎを計画します。移行の手順はWordPressから他のCMSへの移行でまとめています。

小さく試してから広げる方法

いきなりサイト全体をヘッドレスにするのが不安な場合は、一部から試す方法もあります。例えば、製品の情報だけをヘッドレスCMSで管理して特設サイトに表示し、コーポレートサイトは通常のWordPressのままにする、といった形です。試した結果、更新の担当者の使い勝手や保守の手間、表示の速さを確かめてから、範囲を広げるかを決められます。ただし、仕組みが2つになるため、どちらにどの情報を置くかのルールを先に決めておきます。

よくあるご質問

ヘッドレスCMSにすれば、必ず表示が速くなりますか？

速くしやすい仕組みですが、必ず速くなるわけではありません。画像の大きさや表示の部分の作り方によっては、通常のWordPressと変わらないこともあります。速さが目的なら、今のサイトのどこが遅いのかを先に測って確かめます。原因が画像の重さなら、仕組みを変えずに直せることもあります。

ヘッドレスCMSなら、セキュリティの心配はなくなりますか？

管理画面を公開のサイトから切り離しやすい利点はありますが、CMSや表示の部分の更新、アカウントの管理が不要になるわけではありません。保守は引き続き必要です。むしろ仕組みが2つに分かれる分、保守の範囲は広がります。

更新の担当者にとって、使い勝手は変わりますか？

記事を書く画面はCMSによって違います。WordPressをヘッドレスで使う場合は、これまでに近い画面で書けます。一方で、公開前の見た目の確認の方法や、レイアウトを自由に変えられる範囲は変わるため、担当者に事前に説明しておきます。

小さな会社でもヘッドレスCMSを使えますか？

使うことはできますが、表示の部分を保守できる体制と予算が必要です。会社案内が中心のサイトなら、ほかの選択肢と費用を比べてから決めることをおすすめします。

CMSの種類はどう選べばよいですか？

コンテンツの型、使う人数と権限、多言語への対応、プレビューの仕組み、データの書き出しのしやすさ、サービスの継続性を比べます。CMSの種類の全体像はCMSとは？WordPressが多く使われる理由と種類・選び方も参考にしてください。

CMSの選び方から相談する場合

フェニックスデザインでは、今のWordPressの状態とサイトの目的、運営の体制をうかがったうえで、通常のWordPress、ヘッドレス、ノーコードのサービスのどれが合うかを、費用とあわせてご提案しています。詳しくはWordPressの相談（使い続ける・直す・乗り換える）をご覧ください。

まとめ

• ヘッドレスCMSは、情報を管理する部分と、サイトとして表示する部分を分ける仕組みです。WordPressもREST APIでヘッドレスとして使えます。
• 利点は表示の速さ、管理画面の切り離し、データの使い回し。注意点は表示の部分の開発と保守、プレビュー、フォームや検索向けの設定です。
• ページ数やアクセスが多い、複数の場所で情報を使う、開発の体制がある、という条件がそろうときに向いています。
• 導入前に、コンテンツの型、プレビュー、フォーム、検索向けの設定、表示の方式、保守の体制を決めます。
• 費用はCMS、表示の部分の開発、保守の3つで考え、3〜5年の合計で比べます。
• 不安がある場合は、製品の情報など一部からヘッドレスにして試し、結果を見て範囲を広げます。