ヘッドレスWordPressとは何か？

ヘッドレスWordPressとは何なのか、使うべきなのか、という質問をユーザーからよく受けます。

ヘッドレスWordPressは、WordPressのバックエンド管理エリアと訪問者が見るフロントエンドを区切ります。これにより、開発者はWordPressの安定性とセキュリティを維持したまま、サイトのフロントエンド部分に異なる技術を使用することができます。

この投稿では、ヘッドレスWordPressとは何か、そしてヘッドレスWordPressを使うべきかどうかを説明します。また、ヘッドレスWordPressサイトの長所と短所についてもお話します。

このガイドで取り上げるトピックの概要は以下の通りです：

ヘッドレスWordPressとは？

ヘッドレスWordPressとは、WordPressをバックエンドソフトウェアとしてデータとコンテンツを管理し、フロントエンドのデータ表示には区切りの技術を使用しているサイトを指すキーワードです。

バックエンドとは、サイトの管理エリアを指すキーワードです。投稿やページなどのコンテンツを作成したり、プラグインをインストールしたり、コメントを管理したりする場所です。

フロントエンドはあなたのサイトの一般に公開されるエリアです。

これは、ユーザーがあなたのサイトを訪れたときにブラウザーに表示されるものです。

WordPressは通常、1つの堅牢なソフトウェアで両方のコンポーネントの世話をします。あなたのサイトを表示するには、単に任意のWordPressテーマを使用することができます。

しかし、開発者やウェブサイトの所有者によっては、React.js、Angular.js、Faust.jsなどの他の技術を使用してウェブサイトのカスタムフロントエンドを作成する必要があるなど、異なる要件がある場合があります。

ヘッドレス・ワードプレスは、バックエンドでWordPressを使用しながら、これらの技術を使用し、より簡単なコンテンツ管理を可能にする。

ヘッドレスWordPressの仕組み

WordPressには、コンテンツを作成し、サイトを管理するための使いやすい管理エリアが用意されています。また、テーマを使用してサイトのフロントエンドを表示するためのテンプレートエンジンも含まれています。

詳しくは、WordPressが舞台裏でどのように機能しているかについての投稿をご覧ください。

WordPressには、WordPress REST APIと呼ばれるAPIも付属しています。

このAPIは、開発者がWordPressサイトのデータにJSON形式でアクセスするためのプログラミングインターフェースを提供します。

ヘッドレスWordPressサイトを作るとき、開発者はREST APIを使ってWordPressからデータを取得する。その後、アプリやReact.js、Angular.js、Faust.jsなどの他のフロントエンド技術でそれを使用し、カスタムサイトを作成することができます。

ヘッドレスWordPressを使うメリットとは？

ヘッドレスWordPressは、いくつかの特定のシナリオにおいて有益です。ヘッドレスWordPressを使用する利点のいくつかについてお話します。

1.ヘッドレスWordPressは、通常のWordPressサイトよりも高速化できる

多くの開発者は、ヘッドレスWordPressを使用することで、より高速なWordPressサイトを作成できると考えている。

React.jsのような技術を使ってサイトのフロントエンドを区切ることで、多くの開発者はほとんどのWordPressテーマよりも効率的なコードを提供しようとしている。

しかし、私たちの経験では、WordPressのパフォーマンスを最適化するシンプルなテクニックは、ほとんどの中小企業のサイトやユースケースでヘッドレスWordPressと同じように機能します。

2.ヘッドレスWordPressのデータを他のアプリに統合する

あなたがモバイルアプリを持っていて、WordPressサイトのブログやその他のセクションをアプリに統合したいとします。

ヘッドレスWordPressを使えば、WordPressのデータを他のアプリに取り込むことができ、さまざまなテクノロジーを使ってシームレスなユーザー体験を実現できます。

同様に、静的なサイトをお持ちで、ブログ、レビュー、オンラインストアなどの特定のセクションのためだけに動的なセクションが必要な場合。ヘッドレスWordPressは、WordPressのデータを静的サイトに統合することができます。

3.ヘッドレスWordPressで複数のプラットフォームに公開する

ヘッドレスWordPressはWordPressのデータをポータブルにし、どこにでも持ち運べるようにします。

データをマーケティング・キャンペーンに利用したり、ソーシャルメディア・プラットフォームに投稿したり、スマート・スピーカーなどのIoT端末に利用したり、人工知能ツールにフィードしたり、バーチャル・アシスタントに接続したりすることができる。

4.ヘッドレスWordPressは、プロプライエタリなヘッドレスCMSよりもはるかに手頃な価格です。

ヘッドレスWordPressは、ホスティングサービスだけで数万ドル（開発費は含まず）のコストがかかるコンテンツフルのようなプロプライエタリな “エンタープライズCMS “ソリューションよりもはるかに手頃でパワフルです。

ヘッドレスWordPressサイトのデメリットとは？

ヘッドレスのWordPressサイトを作ることは、あなたのサイトをあるデメリットに直面させるかもしれません。そのいくつかを見てみましょう。

1.ヘッドレスWordPressは、従来のWordPressサイトに比べて高価です。

サイトのフロントエンドをカスタムメイドするには、開発者を雇う必要があります。これは簡単に数万ドルの範囲になる可能性があります。

もしあなたが開発者なら、カスタマイザーフロントエンドを作るのに貴重な時間を費やすことになるだろう。

フロントエンド開発フレームワークを使用している場合でも、サーバー/DNSレベルで適切なキャッシュを備えた既製のWordPressテーマを使用するよりも時間と労力がかかるでしょう。

2.WordPressプラグインが動作しない場合があります。

プラグインはWordPressサイトのアプリのようなもので、サイトに新しい機能を追加したり、機能を拡張したりすることができます。

ヘッドレスWordPressサイトは、WordPressプラグインの一部を利用できない場合があります。

たとえば、WordPressプラグインのデータの中にはREST APIを使用してアクセスできないものもありますし、プラグインの機能が正しく機能するためにはWordPressテーマが必須となる場合もあります。

とはいえ、AIOSEOのような人気のWordPressプラグインにはREST API拡張機能があり、SEOフレンドリーなヘッドレスWordPressサイトを作成することができる。

3.メンテナンスの頭痛

基本的にサイトのフロントエンドとバックエンドに別々のプラットフォームを使うことになり、その両方を別々に管理する必要がある。

時折、どちらか一方が故障することもある。このような問題を解決するには開発者に頼る必要がある。あるいは、あなた自身の貴重な時間を使って問題を解決しなければならない。

複雑さが増すと、ビジネスが成長するにつれて難しくなる。

ヘッドレスWordPressサイトを使うべきか？

私たちの意見では、ほとんどのWordPressユーザーは、ヘッドレスWordPressサイトや他のタイプのヘッドレスフレームワークを使用する必要はありません。

高価で、無駄に複雑で、大多数のサイトオーナー、ブロガー、中小企業、オンラインショップには適していない。

例えば、スピードとパフォーマンスが主な関心事であれば、既存のWordPressサイトはヘッドレスWordPressサイトよりも簡単に勝ることができます。

WordPressのキャッシュプラグインはすべて、ページキャッシュ、キャッシュプリロード、オブジェクトキャッシュ、gzip圧縮機能を備えています。

これらの機能をオンにすることで、開発者を雇うことなくサイトの速度を大幅に向上させることができます。

これにCloudflareやSucuriのような強力なCDNやウェブアプリケーションファイアウォールを組み合わせれば、サイトはさらに高速化する。

WPBeginnerをヘッドレスサイトよりも高速にロードさせた事例をご覧ください。

統合に関しては、利用可能なほぼすべてのサードパーティのプラットフォームとの統合を提供する59,000以上のWordPressプラグインがあります。

Uncanny Automatorのように、WordPressサイトやZapierを使ったサードパーティツールとの統合を可能にするツールもある。

既存のWordPressプラグインでは利用できない統合が必要な場合は、カスタムプラグインを作成する開発者を雇うべきかもしれません。

これなら費用もかなり抑えられるし、他のWordPressユーザーにデジタル・ダウンロードとして販売することで、オンラインでお金を稼ぐこともできる。

誰がヘッドレスWordPressを使うべきか？

私たちは、ヘッドレスWordPressは非常に特殊なシナリオでのみ使用されるべきだと考えています。

まず、ヘッドレスCMSの真の必要性があるかどうかを評価する必要がある。

例えば、カスタムサイトやアプリを構築した企業。彼らは、より簡単なコンテンツ管理機能のためにWordPressを必要とするかもしれません。そのようなシナリオでは、ヘッドレスWordPressを使用することは理にかなっています。

第二に、開発者を雇い、維持する予算があるか、ヘッドレスCMSを維持するために必須のスキルセットを持っている必要がある。

ヘッドレスWordPress CMSは、新規のカスタムアプリを作成する場合や、WordPressを使用してコンテンツ作成と管理を簡単にする場合に使用されることを覚えておいてください。

ヘッドレスWordPressで注意すべき重要なこと

技術に疎い経営者としては、本当にヘッドレスWordPressが必要なのかどうかわからないことがある。

WordPress開発者や代理店の中には、ヘッドレスサイトをあなたに押し付けようとするところもある。彼らのインセンティブは、より多くのお金を請求することであることを忘れないでください。

ヘッドレスWordPressを提案する理由がスピードやSEOだけであれば、サイトのスピードを最適化するためにすでに何を行っているのか、ヘッドレスWordPressに切り替えることでどれくらいの影響があるのかを聞く必要がある。具体的な回答が得られない場合は、セカンドオピニオンを探すべきだ。

大半のサイトでは、改善はごくわずかですが、ヘッドレスWordPressサイトの開発と維持にかかるコストははるかに高いことに驚かれることでしょう。

何をするにしても、WordPressからContentfulのようなものに乗り換えるよう誰かに説得されるのは絶対に避けよう。

私たちは、多くのビジネスオーナーがWordPressに乗り換えた後、その間違いに気づき、またWordPressに戻したという話を聞いてきました。

とはいえ、もしあなたがヘッドレスWordPressサイトが必要だと100％確信しているなら、以下に簡単なステップバイステップガイドを紹介しよう。

ヘッドレスWordPressサイトを作るには？

フロントエンドにどんなツールを使うかによって、ヘッドレスWordPressサイトを作る方法はたくさんある。

このチュートリアルでは、WordPressが生成する静的ページのみを使用して、ヘッドレスWordPressサイトを作成する方法を紹介します。これは、ヘッドレスWordPressサイトを作成する最も柔軟な方法ではありませんが、初心者にとって最も簡単な方法です。

まず、ヘッドレスCMSとして使いたいWordPressサイトを作る必要がある。

これは、独自のドメイン名とウェブホスティングサービスアカウントを持つライブサイトである必要があります。

SiteGroundの使用をお勧めします。SiteGroundは、WordPressホスティングサービスの中でも最も高速なホスティングサービスの1つであり、WordPressホスティングサービスプロバイダーとして公式に推奨されています。

SiteGroundサーバーはGoogleクラウドを利用しており、パフォーマンス最適化ツールを多数ビルトインしています。

あるいは、もう少し費用をかけられるのであれば、WP Engineを見てみよう。同社のAtlasプランは、大規模なヘッドレスWordPressサイト向けで、開発者をターゲットにしています。

Atlasは、無料のサンドボックスアカウント、カスタムコンテンツモジュール、ワークフローをスピードアップするための設定済みブループリント、WPGraphQLプラグインとのより深い統合を備えています。

また、自分のコンピューターでローカルのWordPressサイトを作ることもできます。

その後、投稿やページを追加することで、サイトに取り掛かることができます。WordPressのテーマを選び、サイトをデザインすることもできます。

サイトの準備ができたら、Simply Staticプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、プラグインを設定するためにSimply Static ” 設定ページにアクセスする必要があります。

ここから、静的ファイルで使用するURLパスを選択できます。

例えば、静的ファイルをホスティングサービスするURLやドメイン名がわかっている場合、そのURLを「Absolute URLs（絶対URL）」フィールドにプロバイダーすることができます。

よくわからない場合は、「相対URL」オプションを使用することができます。

次に、「Include/Exclude」タブに切り替えます。ここから、含めたいページを追加したり、除外したいページを追加したりできます。

正規表現を使って、特定のパターンに一致するURLを除外することもできる。

変更を保存」ボタンをクリックして、設定を保存することを忘れないでください。

これで、ヘッドレスサイト用の静的ファイルを生成する準備ができました。Simply Static ” ジェネレータページに行き、’静的ファイルを生成’ボタンをクリックするだけです。

プラグインは、あなたのサイトをクロールし、一時フォルダに静的ファイルを格納し始めます。サイトのページ数によっては時間がかかる場合があります。

完了すると、成功通知が表示され、ZIPアーカイブ形式でコンピューターにファイルをダウンロードするためのリンクが表示されます。

zipファイルをダウンロードしたら、解凍する必要があります。

これで、解凍したファイルをあなたのサイトまたはヘッドレスウェブサイトをホスティングしたいサーバーにアップロードする準備が整いました。

FTPクライアントを使用してサイトに接続するか、ホスティングサービスコントロールパネルのファイルマネージャーアプリを使用するだけです。

接続が完了したら、先ほどダウンロードした静的ファイルをサイトにアップロードします。

その後、静的なサイトにアクセスして、実際に動作しているところを見ることができる。

注：静的サイトを更新するには、WordPressインストールで新規コンテンツを作成し、ユーザーに提供される静的ファイルを置き換えるために、すべてのプロセスを再度繰り返す必要があります。

これは、静的なWordPressサイトを作成する最も柔軟な方法ではないことに注意することが重要です。

WP Engine Atlas のようなヘッドレス WordPress ソリューションには、より優れた開発者ツール、スターターサイト設計図、ハウツーガイド、よりスマートな本番デプロイソリューションなどが付属しています。

大規模サイトや企業向けソリューションでは、ヘッドレスWordPress CMSのフルパワーを引き出すために、WPGraphQLとともにWP Engine Atlasを使用することをお勧めします。

とはいえ、もしあなたが中小企業のオーナーで、SEOランキングを上げるにはヘッドレスWordPressサイトが必要だとどこかで読んだとしても、それは間違ったアドバイスに過ぎません。WordPressを高速化する方法のガイドに従ってサイトのパフォーマンスを改善するだけで、同様の結果を得ることができます。

この投稿が、ヘッドレスWordPressとは何か、そしてあなたのサイトに使うべきかどうかを知る一助となれば幸いです。コーディングなしでWordPressのカスタムテーマを作成する方法についてのガイド、またはメール到達性を向上させる最適なsmtpサービスの比較もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.