WordPress独立サイトの技術スタック:テーマ、プラグイン、ホスティングの選定フレームワーク
1. 3層アーキテクチャ:テーマ、プラグイン、ホスティングがそれぞれ担うもの
WordPress独立サイトの技術スタックは3層に分けられます。各層が解決する課題は異なるので、選定時に混ぜて比較しないでください。テーマは外観とレイアウトを担い、ページがどう見えるかを決めます。プラグインは機能拡張を担い、フォームやSEO、キャッシュといった機能がどこから来るかを決めます。ホスティングは実行環境を担い、ページがサーバーからユーザーのブラウザに届くまでどれだけかかるかを決めます。
3層には依存関係があります。ホスティングの性能が足りなければ、どんなに優れたテーマとプラグインでも挽回できません。プラグインを入れすぎれば、どんなに優れたホスティングでも抑えきれません。だから選定の順序は必ず下から上へ。まずホスティングに出せる予算とリソースを決め、その制約の中でテーマを選び、最後にプラグインを足します。逆にすると、派手なテーマを先に選び、動かないと気づいてからホスティングを替えることになり、お金はすでに使ってしまっています。
| 階層 | 担当範囲 | 選定の判断材料 | 選び間違えたときの影響 |
|---|---|---|---|
| ホスティング Hosting | サーバー、データベース、PHP実行環境 | 月間UVの規模、予算、グローバル拠点の必要性 | 502が頻発、ファーストビューが4秒超え、夜間にサービス停止 |
| テーマ Theme | ページ構造、CSS、JSの読み込み | 軽量かどうか、長期的に保守されているか、多言語対応か | ファーストビューが遅い、変更が全体に波及する |
| プラグイン Plugins | SEO、キャッシュ、フォーム、セキュリティなどの機能 | 各プラグインが代替不可か、更新頻度、評価 | プラグインの競合、ハッキング、セキュリティ脆弱性 |
3層の中で最も過小評価されがちなのがホスティングです。多くのチームがテーマとプラグインの比較に時間をかけ、最後に月5ドルの共有ホスティングを選び、その結果ファーストビュー時間(LCP, Largest Contentful Paint)が常時5秒以上になります。性能指標の合格ラインと最適化の優先順位はこちらを参照してくださいCore Web Vitalsの最適化。ホスティングを決めたら、日々の監視とアラートも欠かせません。この部分はこちらをご覧くださいサイト監視とアラートのチェックリスト。
2. テーマ選定: 1000個から3つに絞る判断基準
WordPress公式テーマディレクトリには1万を超えるテーマがあり、商用テーマ市場にもさらに1万以上あります。初心者が最もやりがちな失敗は、大量のテーマをダウンロードして片っ端から試し、最終的に機能が一番多いものを残すことです。正しい進め方は、まず判断基準を決め、その基準で3つ以内に絞り込み、それぞれをローカルまたはステージング環境でLighthouseにかけることです。
判断基準は4つあります。容量、更新頻度、多言語対応、更新履歴です。容量はテーマをパッケージした後のJSとCSSの合計サイズを見て、300KBを超えると重めです。更新頻度は作者が直近6か月にリリースしたかを見ます。多言語対応はドイツ語・スペイン語・アラビア語版を楽に作れるかを左右します。更新履歴は過去1年にどんなバグを直したかを見て、セキュリティパッチが頻繁に出るテーマは慎重に。
| 判断軸 | 合格ライン | 警告サイン | 除外ライン |
|---|---|---|---|
| パッケージ容量 | CSS+JS合計200KB以下 | 200KBから400KB | >400KB |
| 直近6か月の更新 | 正式版の更新が1回以上ある | 小規模な修正のみ | 12か月以上更新なし |
| 多言語互換 | WPMLまたはPolylangに公式対応 | 翻訳ファイルを自分でなんとかする必要あり | 文字列がハードコードされ翻訳不可 |
| 有効インストール数 | 1万回以上 | 1000から1万回 | <1000回 |
| 評価 | 4.5星以上(レビュー50件以上) | 4星前後 | 4星未満、またはレビュー20件未満 |
シナリオ例: 産業機器を海外展開するB2Bサイトでは、トップページをドラッグ&ドロップで編集できる多目的テーマには手を出さないこと。こうしたテーマ(一部の有名な商用テーマなど)はトップページに派手なスライダーやアニメーションを載せられますが、どのページでもJS一式を読み込むため、LCPが軽く4秒を超えます。正解はGeneratePressやAstraのような軽量テーマを選び、トップページのコードは自分で書き、Gutenbergのブロックエディタで組み立てる方法で、読み込み容量を100KB以内に抑えられます。多言語サイトのグラフと組版の扱いは次を参照多言語サイトのグラフのローカライズ。
3. プラグイン選定: 必ず入れるもの、絶対に入れないもの
プラグインはWordPress独立サイトにおける最大の性能・セキュリティ変数です。1つ増えるごとにPHP起動時に読み込むコードが増え、データベースクエリが数回増え、初回表示のリクエストが1から3回増えます。経験値としては、プラグイン1つでPHP実行時間が平均10から30ミリ秒増えるため、サイト全体のプラグインを20個以内に抑えて初めてLCPを2.5秒以下にできる余地が生まれます。
必ず入れるプラグインは6個までです。SEOプラグイン(YoastやRank Mathなど)、キャッシュプラグイン(WP RocketやLiteSpeed Cacheなど)、セキュリティプラグイン(Wordfenceや純粋なファイアウォールなど)、フォームプラグイン(WPFormsやFluent Formsなど)、バックアッププラグイン(UpdraftPlusなど)、画像最適化プラグイン(ShortPixelやSmushなど)です。これ以外は1つ追加するたびに、この機能はコードやテーマ標準機能で代替できないかと問いかけてください。
| カテゴリ | 必ず入れる | 代替案 | 絶対に入れない |
|---|---|---|---|
| SEO | Yoast/Rank Math どちらか一方 | 構造化データを手書き | SEOプラグインを2つ同時に導入 |
| キャッシュ | WP Rocket/LiteSpeed Cache | サーバー側キャッシュ | キャッシュプラグインを2つ導入 |
| 安全性 | Wordfenceまたはファイアウォール | サーバー側WAF | セキュリティプラグインを3つ以上導入 |
| フォーム | WPForms/Fluent Forms | テーマ標準のフォーム | ページごとに別のフォームプラグインを導入 |
| バックアップ | UpdraftPlus | サーバー側の自動バックアップ | サーバーのバックアップだけに頼り、別拠点に保存しない |
| ページビルダー | 導入せずGutenbergを使う | —— | Elementor/Diviのドラッグ&ドロップビルダー一式 |
たとえば、多くのチームはまずElementorを導入し、ドラッグ&ドロップでページを素早く作れると考えます。しかしElementorをサイト全体で有効にすると、すべてのページで追加のCSSとJSバンドルが読み込まれ、容量は軽く500KBを超えます。さらに見落としがちなのが、Elementorで作ったページは移行が難しい点です。後からテーマを変えたくなっても、ページをすべて作り直す必要があります。craterは越境ECサイトで、フォーム、スパム対策、構造化データ、多言語SEOを4つの自社開発プラグインで解決しています。代替できない機能は自社で握り、肥大化したサードパーティ製プラグインに依存しないという考え方です。詳しくはcraterの技術スタックと4つの自社開発プラグインをご覧ください。バックアップ体制はサーバーから独立させる必要があります。別拠点へのバックアップと復元訓練についてはサイトのバックアップと復元演習。
4. ホスティング選定:月間UV別のコスト曲線
ホスティング選定の核心となる変数は月間UVであり、サイトが大きく見えるかどうかではありません。200ページの企業サイトでも月間UVが3000程度なら、共有ホスティングで十分です。逆に30ページしかないブログサイトでも、月間UVが5万に達するならクラウドサーバーが必要です。アクセス量でホスティングを選ぶのが、最も失敗しにくい方法です。
共有ホスティング(Bluehost、SiteGroundの入門プランなど)は月額3〜10ドルで、UV1万以下、ページ数100以内のサイトに適しています。VPSやクラウドサーバー(DigitalOcean、Vultr、Alibaba Cloudの軽量アプリケーションサーバーなど)は月額20〜60ドルで、UV1万〜10万の間に適しています。専用サーバーまたはマネージドWordPress(WP Engine、SiteGround GrowBig以上など)は月額100〜300ドルで、UV10万超または厳格なSLAが必要な場合に検討します。
| 月間UVの規模 | 推奨ホスティング | 月額料金の目安 | 推奨PHPメモリ | 適したサイト |
|---|---|---|---|---|
| 5000UV以下 | 共有ホスティング | 3〜10ドル | 128MB | 開設直後の企業サイト、製品紹介サイト |
| 5000〜1万UV | 共有ホスティングの上位プランまたは入門VPS | 10〜25ドル | 256MB | 安定して問い合わせが来るB2Bサイト |
| 1万〜5万UV | クラウドサーバー2〜4コア4GB | 25〜60ドル | 512MB | ブログサイト、多言語サイト、コンテンツサイト |
| 5万〜10万UV | クラウドサーバー4コア8GB+Redis | 60〜150ドル | 512MB至1GB | 更新頻度の高いコンテンツサイト |
| >10万UU | 専用サーバーまたはマネージドWP | 150〜300ドル | 1GB以上 | メディアサイト、大規模ECサイト |
逆張りの判断:ホスティングは高ければ高いほど良いわけではない。多くの企業が最初からWP Engineのような月額300ドルのマネージドWordPressを契約するが、実際の月間UVは2000しかなく、費用は倍なのに性能向上を実感できない。正しいやり方は「大手の定番」ではなく、今後6ヶ月のUV予測で選ぶこと。多言語サイトでドイツ語・スペイン語・アラビア語市場をカバーするなら、欧州や中東のノード遅延も考慮する必要があり、この部分はCDN選定と組み合わせる。参照:CDNによるグローバル高速化とノード選定。
5. 選定後の負荷テストと受け入れチェックリスト
3層すべてを選び終えても、すぐに公開してはいけない。staging環境で受け入れテストを1回実施する必要がある。受け入れの核心は性能数値と機能の完全性であり、「良さそうに見える」ことではない。性能は3つの数値を見る:LCP2.5秒以下、INP200ミリ秒以下、CLS0.1以下。3項目すべて達成して合格とする。機能はフォーム送信、多言語切り替え、モバイル表示、管理画面ログインの4つの主要経路が通るかどうかを見る。
| 検証項目 | チェック方法 | 合格基準 | 不合格時の対応 |
|---|---|---|---|
| トップページのLCP | Lighthouseのモバイルスコアを計測 | 2.5秒以下 | 画像とレンダリングブロックスクリプトを確認 |
| INPインタラクション遅延 | LighthouseまたはChrome UX Report | 200ミリ秒以下 | JSサイズとサードパーティスクリプトを確認 |
| レイアウトシフトCLS | Lighthouseのスコア | 0.1以下 | 画像と広告枠にサイズを指定 |
| プラグイン競合 | プラグインを1つずつ無効化して主要経路をテスト | 白画面なし、エラーなし | 競合プラグインを特定して差し替え |
| モバイル表示 | iPhoneとAndroidでそれぞれ1回テスト | 横スクロールなし、重なりなし | テーマのブレークポイントを調整 |
| バックアップ復元 | stagingでバックアップを1回復元 | 10分以内に完全復元 | バックアッププラグインを変更するか運用を調整 |
公開後は毎月6つの保守項目を定期的に実施する。プラグイン更新、バックアップ検証、セキュリティスキャン、性能再測定、リンク切れチェック、フォーム送信テストが含まれる。これらの作業は次を参照:公式サイト保守で毎月やる6つのこと。サイトがハッキングされた場合のクリーンアップと強化の手順は次を参照:サイトがハッキングされた後の対処。多言語サイトのhreflangタグとランディングページ設定はテーマ選定と直結する。参照:Hreflang多言語対応。
FAQ よくある質問
WordPressの独立サイトで複数のテーマを同時に有効化するとどうなる?
プラグインは結局いくつまでなら妥当か?
共有ホスティングとVPSはどう選ぶ?
多目的テーマがおすすめできない理由は?
選定はなぜテーマよりサーバーが先なのか?
公開前に必ず負荷テストすべき指標は?
最後に
WordPress独立サイトの技術スタック選定は、表面上はテーマとプラグインを選んでいるように見えて、実際には今後3年の性能の基準を決めている。テーマを間違えれば、1回の変更が作り直しと同じになる。プラグインを間違えれば、毎月セキュリティ穴のツケを払い続ける。サーバーを小さく選べば、アクセスが増えた瞬間に502になる。この3つのうち、サーバーは土台、テーマは耐力壁、プラグインは内装だ。土台がしっかりしていなければ、内装がどんなに良くても意味がない。
実行は3ステップ。まず、今後6か月のUV予測でサーバーのプランを決め、月額を予算内に収める。次に、4つの基準で軽量テーマを3つに絞り、ローカルでLighthouseを回して最速のものを選ぶ。最後に、プラグインは必須の6つだけ残し、残りはコードかテーマ機能で代替し、公開前に3指標の負荷テストをすべて合格させる。この3ステップを終えれば、あなたの技術スタックは「とりあえず動く」ではなく「保守でき、拡張でき、アクセスに耐える」ものになる。
覚えておきたい一言。独立サイトの技術スタックは最高のものを選ぶのではなく、十分なものを選ぶ。軽量テーマ1つ、プラグイン20個以内、UVで段階分けしたサーバー。これがどんな「オールインワンな解決策」よりも安定して動く。
