CMSなしのHP制作|静的サイト(Astro・Hugo・Jekyll)のメリット・デメリット完全ガイド
目次
- CMSあり vs CMSなし|何が根本的に違うのか#
- CMSあり(WordPress・Wixなど)#
- CMSなし(静的サイト生成)#
- 静的サイト(CMSなし)のメリット4選#
- 1. 表示速度が圧倒的に速い#
- 2. セキュリティリスクが構造的に低い#
- 3. ランニングコストが安い#
- 4. 長期資産として残る#
- 静的サイト(CMSなし)のデメリット#
- 1. 更新に技術知識が必要#
- 2. 動的機能の追加コストがかかる#
- 3. 初期構築に技術者が必要#
- Astro・Hugo・Jekyll 3択比較#
- ほんね丸の現場感|静的サイトを選んだ理由#
- どんな業種・目的に向く or 向かない#
- 静的サイト(CMSなし)が向く#
- CMSあり(WordPress等)が向く#
- 月額型HP制作サービスとの関係#
- まとめ#
- FAQ#
- CMSなしのHPは後から内容を修正できますか?#
- Astro・Hugo・Jekyllのどれを選べばいいですか?#
- WordPressから静的サイトに移行できますか?#
- CMSなしのHPは費用が安いですか?#
- 静的サイトはSEOに不利ですか?#
- 関連記事#
- HP制作を検討している方へ#
TL;DR
- CMSなし(静的サイト)は速度・セキュリティ・SEOで構造的に優れる。代わりに更新のしやすさはCMS型に劣る
- 店舗・企業の固定コンテンツサイトなら「Astro + Vercel」の組み合わせが最有力
- 月額サブスク型HP制作サービスは「解約したらサイトが消える」構造リスクを理解した上で選ぶ
- 「誰が更新するか」「速度・SEOをどれだけ重視するか」の2軸で選択肢を絞れる
HPを作ろうとすると、まず「WordPressを使うか使わないか」という選択が来る。
Web制作会社の多くはWordPressを提案する。理由はシンプルで、制作側がWordPressを使い慣れているからだ。ただ「WordPressが自社に最適かどうか」は別の話だったりする。
この記事では、CMS(コンテンツ管理システム)を使わない静的サイト生成という選択肢を整理する。Astro・Hugo・Jekyllの3択比較、具体的なメリット・デメリット、どんな業種・目的に向くかを本音で書く。
CMSあり vs CMSなし|何が根本的に違うのか#
CMSあり(WordPress・Wixなど)#
ブラウザの管理画面からページを更新できる。技術知識なしに更新できるのが最大のメリット。WordPressが世界シェア40%超を持つのはこの理由だ。
内部的には「動的サイト」で動いている。アクセスのたびにPHPがデータベースから情報を取ってきてHTMLを生成するため、このプロセスが速度の足を引っ張る。プラグインが豊富なのも魅力だが、セキュリティリスクとのトレードオフでもある。WordPressへの攻撃の多くはプラグインの脆弱性を突いたものだ。
CMSなし(静的サイト生成)#
Astro・Hugo・Jekyllなどのフレームワークで、HTMLを事前に生成してサーバーに置いておく方式。アクセスがあったらそのHTMLをそのまま返すだけなので、速い。
更新はMarkdownなどのファイルを直接編集してビルドし直す必要がある。つまり技術がわかる人か、技術者に頼める環境が必要になる。
静的サイト(CMSなし)のメリット4選#
1. 表示速度が圧倒的に速い#
静的ファイルをCDNから配信するだけなので、サーバー処理待ちが発生しない。
Googleが定義するCore Web Vitalsで見ると、**Astroで作られたサイトの約60%**がGood判定を獲得している(出典: Astro 2023 Web Framework Performance Report)。WordPressやGatsbyは約38%。
表示速度はSEOのランキング要因であり、直帰率にも直結する。0.5秒の遅延で直帰率が数パーセント上がるというデータもある。Core Web Vitals の詳細はGoogle公式参照。
2. セキュリティリスクが構造的に低い#
| リスク | 動的サイト(WordPress) | 静的サイト |
|---|---|---|
| SQLインジェクション | あり(DBが存在する) | なし(DBなし) |
| サーバーサイド脆弱性 | PHPが動く分だけある | なし |
| ブルートフォース攻撃 | ログイン画面が標的 | ログイン画面なし |
| プラグイン脆弱性 | 更新を怠ると即危険 | プラグインなし |
静的サイトはそもそも攻撃面がない。データベースがなければSQLインジェクションはできないし、PHPが動かなければサーバーサイドの脆弱性も突けない。
3. ランニングコストが安い#
Vercelなどのホスティングサービスは無料枠が充実している。独自ドメイン代(年1,000〜2,000円程度)があれば月0円〜で運用できる。WordPressはサーバー代が月1,000〜3,000円かかるし、セキュリティ対策・更新管理の手間も実質コストになる。
4. 長期資産として残る#
静的サイトをGitリポジトリで管理する場合、ドメインもリポジトリも自分の管理下に置ける。月額サブスク型のHPサービスとの最大の違いがここで、解約してもサイトが消えない。
静的サイト(CMSなし)のデメリット#
1. 更新に技術知識が必要#
ページを追加・変更するたびにファイルを直接編集してビルドし直す必要がある。WordPressの管理画面でポチポチ更新とはいかない。「スタッフが自分で更新したい」「毎日ブログを更新したい」という場合はCMSのほうが合う。
2. 動的機能の追加コストがかかる#
以下の機能は静的サイトでは原則実装できない。SaaSサービスをAPI連携で足すことはできるが、設計・実装コストがかかる。
- ユーザーログイン・会員制ページ
- カート・決済機能(ECサイト)
- リアルタイム検索
- 予約システム
3. 初期構築に技術者が必要#
最初の設計・構築は技術知識が必要で、ノーコードツールのようにブラウザだけでは完結しない。ただし一度構築してしまえば、Gitの基本操作を覚えることで非エンジニアでも運用できるようになる。
Astro・Hugo・Jekyll 3択比較#
| 項目 | Astro | Hugo | Jekyll |
|---|---|---|---|
| コアの強み | 実行時パフォーマンス・SEO | ビルド速度 | シンプルさ・成熟度 |
| Core Web Vitals通過率 | 約60%(業界最高クラス) | 高い | 中程度 |
| Lighthouseスコア | 95+(デフォルト) | 高い | 中程度 |
| ビルド速度 | 中程度 | 最速(1000ページ2秒) | やや遅い |
| JavaScriptの出力 | ゼロJS(デフォルト) | ゼロJS | ゼロJS |
| 学習コスト | 中(モダン設計) | 中(独自テンプレート) | 低(Liquid) |
| 向く規模 | 中〜大型コンテンツサイト | 大規模・更新頻度高 | 小規模・ドキュメント |
店舗・企業サイト向けの第一推奨はAstro。
理由は3つ。Core Web Vitals通過率が業界最高クラス(SEOに直結)、デフォルトでJavaScriptを出力しない軽量設計、モダンなコンポーネント設計でメンテナンスしやすい。
Hugoはブログ記事が数千本あるような大規模サイトで真価を発揮する。1000ページを2秒でビルドできる速度は圧倒的だが、独自のテンプレート言語の学習が必要だ。Jekyllはシンプルさ重視の小規模サイトや技術ドキュメントに向く。
ほんね丸の現場感|静的サイトを選んだ理由#
ほんね丸の自社サイト honnemaru.com は、Astro + Vercel + Markdown で構築している。
WordPressではなく静的サイトを選んだのは、表示速度・SEO・セキュリティ・運用コストの4軸で比較した結果、静的サイト生成に軍配が上がったからだ。
特に気にしたのは「解約リスク」の問題だ。月額型のHP制作サービスは、解約するとサイトが消える。WordPressのサーバー契約も同様で、解約したら終わり。これは「コストを払っている間だけ使える権利」であって、資産にはならない。
Astro + Vercelの構成なら、Gitリポジトリもドメインも自分の管理下に置ける。現役エンジニアとして「ページ表示が0.5秒遅いだけで直帰率が上がる」という感覚は実装ベースで持っている。デザインだけじゃなく速度・SEOまで含めて一セットで作れるのが、静的サイト生成の強みだと思っている。
MEO事業のクライアント向けにHP/LP制作を提供する場合も、同じスタンスで対応している。「解約したらなくなるレンタル」ではなく「資産として残るもの」を渡すのが、長期的な顧客満足につながる。
どんな業種・目的に向く or 向かない#
静的サイト(CMSなし)が向く#
✅ 固定コンテンツ中心の企業・店舗サイト — 会社概要・サービス案内・アクセスなど更新頻度が低いページが中心
✅ SEO・速度を最優先したい事業者 — Core Web Vitals・Lighthouseスコアで確実に上位を狙いたい
✅ セキュリティ基準が厳しい業界 — 医療・法律・金融など情報漏洩リスクを最小化したい
✅ エンジニアが社内にいるか外部に頼める環境 — 更新時のビルド作業をカバーできる体制がある
✅ 長期でランニングコストを抑えたい — 月0円〜運用できる構成を望む
CMSあり(WordPress等)が向く#
✅ 非エンジニアが頻繁に更新する運用 — 管理画面で自分でコンテンツを更新したい
✅ プラグインで機能を拡張したい — 予約システム・会員制・多言語対応など
✅ まず早く公開したい — テンプレートベースにスピード重視で立ち上げたい
月額型HP制作サービスとの関係#
月額型のHP制作サービス(MDS HP制作のSINGLE/MULTI/FLEXプランなど)は、CMSや管理画面をサービス側が提供してくれる。技術知識がなくても更新できるのが魅力だ。
ただし月額型には解約するとサイトが消えるという構造的リスクがある。「月額を払っている間だけ使える権利」であって、解約後にサイトを手元に残せないことが多い。
| 観点 | 自前で静的サイト構築 | 月額型HP制作サービス |
|---|---|---|
| 初期コスト | 30〜100万円(エンジニア依頼の場合) | 低い(制作費0〜のサービスあり) |
| ランニングコスト | 月0円〜 | 月$121〜(MDS HP制作の場合) |
| 更新のしやすさ | 技術者が必要 | 管理画面で非エンジニアでも可 |
| 解約リスク | なし(資産として残る) | 解約でサイト消滅の可能性 |
| SEO・速度 | 最適化しやすい | サービス依存 |
どちらが正解かはケース次第だ。「まずHPが欲しい」なら月額型で早く公開する方が現実的なことも多い。「長期でSEOを強くしたい」「解約リスクを排除したい」なら静的サイト構築を検討する価値がある。
HP制作サービスの詳細は HP制作 月額型サービスの実力を解説 で確認できる。
まとめ#
静的サイト(CMSなし)の優位性は表示速度・SEO・セキュリティ・長期コストにある。代わりに更新の手軽さはCMS型に劣る。
選ぶ基準は2つ。誰が更新するかと速度・SEOをどれだけ重視するかだ。
- 非エンジニアが頻繁に更新 → CMS型(WordPress・月額型サービス)
- エンジニアがいる・SEO重視 → 静的サイト(Astro推奨)
「なんとなくWordPress」で丸投げするのが一番もったいない。メリット・デメリットを理解した上で選ぶのが、長期的に見て正解だ。
FAQ#
CMSなしのHPは後から内容を修正できますか?#
できます。ただしMarkdownファイルを編集して再ビルドする必要があります。WordPressの管理画面でポチポチ更新するような操作感ではないので、技術者が社内にいるか、外部に頼める環境がある場合に向いています。
Astro・Hugo・Jekyllのどれを選べばいいですか?#
店舗・企業サイトならAstroが最有力候補です。Core Web Vitals通過率が約60%(WordPress/Gatsby比38%の約1.5倍)、デフォルトでJavaScriptを出力しない軽量設計が強みです。Hugoは大規模コンテンツサイト向け(ビルド速度最速)、Jekyllはシンプルさ重視の小規模サイトや技術ドキュメント向けです。
WordPressから静的サイトに移行できますか?#
できます。ただし投稿数が多い場合はコンテンツ移行コストがかかります。WordPressの会員制・EC・予約システムなど動的機能を使っている場合は、静的サイトで代替できない機能が出ることがあります。
CMSなしのHPは費用が安いですか?#
ランニングコストは安いです。Vercelの無料枠で月0円〜運用できます(独自ドメイン代は年1,000〜2,000円程度)。制作費は技術者に頼む場合30〜100万円が相場です。コストを抑えたい場合はMDS HP制作($121/月)などの月額型サービスも選択肢になります。
静的サイトはSEOに不利ですか?#
むしろ有利です。Googleは表示速度をランキング要因に明示しており、静的サイトは動的サイトより高速になりやすいです。AstroのCore Web Vitals通過率は約60%と業界最高クラスです。
関連記事#
HP制作を検討している方へ#
技術知識なしでもHPを公開できる月額型サービスが選択肢として存在する。「まずHPが欲しい」場合は、MDS HP制作(SINGLE・MULTI・FLEXプラン)を確認してみてほしい。
MDS HP制作 公式(SINGLE / MULTI / FLEX プラン)
⚠️ このサービスは紹介者ID申告が必須: URL経由のクリック追跡が一部の経路(モバイルブラウザ・SNS内ブラウザ・リダイレクト経由など)で正しく紐づかないケースが確認されています。リンクから登録後、フォーム入力時と面談時の口頭で、両方で**紹介者ID 100014107**を必ず伝えてください。ID申告がないと紹介ルートでのフォロー(相談対応)が受けられません。
HP/LP制作を「提供する側」として副業・独立を検討している方は、MDS Cloud Start-up(クラスタ)パートナー制度も確認してみてください。
⚠️ 同様に**紹介者ID 100014107**をフォーム入力時と面談時の口頭で必ず伝えてください。