Ciras株式会社では、自社のコーポレートサイトをWixからHTML＋CSSに書き換え、Cloudflare Pagesに移行しました。この記事では、その経緯・作業内容・成果を記録します。

なぜWixから移行したのか

当社は創業当初からWixを使ってコーポレートサイトを運用していました。ドラッグ＆ドロップで手軽にページが作れる点は便利でしたが、事業が本格化するにつれていくつかの課題が目立つようになりました。

まず、表示速度の問題です。Wixで構築したサイトは、ページの読み込みに体感でも遅さを感じる場面がありました。特にスマートフォンでの初回表示に時間がかかり、PageSpeed Insightsのスコアも低い状態が続いていました。表示速度はSEOにもユーザー体験にも直結するため、無視できない課題でした。

次に、カスタマイズの限界です。JSON-LDによる構造化データの自由な記述、robots.txtの細かな制御、metaタグの柔軟な設定など、SEOやAEO（AI Engine Optimization）に必要な対応がWixの管理画面では十分にできませんでした。特にAI検索への対応として、GPTBotやPerplexityBotなどのAIクローラーをrobots.txtで明示的に許可する設定は、Wixでは自由に編集できません。

そして、月額コストの問題もありました。Wixの有料プラン（月額[要記入]円）を利用しており、独自ドメインの接続やストレージ容量のために毎月固定費が発生していました。静的なコーポレートサイトにしてはコストが高いと感じていました。

これらの課題を総合的に判断し、HTML＋CSSでサイトをゼロから書き直し、Cloudflare Pagesにホスティングする方針を決めました。Wixのようなノーコードツールの「手軽さ」よりも、「速度・自由度・コスト」を優先した判断です。

移行の流れ

1. 現状サイトの棚卸し

最初に取り組んだのは、既存サイトの棚卸しです。Wix上にあった全ページの一覧をスプレッドシートに書き出し、各ページのURL・コンテンツ内容・Google Analyticsでの流入状況を整理しました。不要なページや重複コンテンツはこの段階で思い切って削除し、移行対象を[要記入]ページに絞りました。また、お問い合わせフォームなど動的機能の代替手段も検討しました。棚卸し作業には約[要記入]日を要しました。ここで移行対象を明確にしたことで、後の作業がスムーズに進みました。

2. HTML＋CSSでの再構築

サイトの再構築にはAI（Claude）を活用しました。ページの構成案を作り、HTML＋CSSのコードをAIと対話しながら生成していくスタイルです。デザインはWix時代の雰囲気を踏襲しつつも、コードは完全に手書き（AIアシスト）のピュアなHTML＋CSSで構築しました。フレームワークやビルドツールは一切使わず、ブラウザでそのまま表示できるシンプルな構成にしています。SEO対策として、全ページにJSON-LD構造化データ・OGPタグ・適切なmeta情報を記述しました。再構築には約[要記入]日かかりました。

3. Cloudflare Pagesへのデプロイ

構築したHTMLファイル一式をGitHubリポジトリに格納し、Cloudflare Pagesと連携しました。GitHubにpushするだけで自動的にビルド・デプロイされる仕組みです。Cloudflare Pagesの無料プランでも独自ドメイン・SSL・CDNが標準で利用でき、静的サイトのホスティングには十分すぎる機能が揃っています。初回のデプロイ設定はCloudflareのダッシュボードからGitHubリポジトリを選択するだけで、[要記入]分程度で完了しました。ビルドコマンドも不要で、HTMLファイルをそのまま配信する最もシンプルな構成です。

4. ドメイン移管とDNS設定

独自ドメインのDNSをCloudflareに向ける設定を行いました。まずドメインのネームサーバーをCloudflareに変更し、次にCloudflare PagesのカスタムドメインとしてCNAMEレコードを追加します。SSL証明書はCloudflareが自動で発行・更新してくれるため、証明書の管理コストも不要です。DNS切り替え後、[要記入]時間程度で新サイトが表示されるようになりました。ネームサーバー変更の反映待ちが一番時間のかかる工程でしたが、それ以外は特にトラブルなく進みました。

5. リダイレクトと動作確認

旧サイト（Wix）と新サイトでURLの構造が異なる箇所があったため、Cloudflareの_redirectsファイルを使って301リダイレクトルールを設定しました。これにより、旧URLへのアクセスが新URLに自動転送されます。Google Search Consoleでは新しいサイトマップ（sitemap.xml）を送信し、各ページのインデックス状況を確認しました。加えて、お問い合わせフォームの動作テスト、全ページのリンク切れチェック、スマートフォンでの表示確認も実施し、[要記入]に動作確認を完了しました。

移行後の成果

移行前後で、以下のような変化がありました。

項目 Wix（移行前） HTML＋Cloudflare（移行後）
表示速度（モバイル） [要記入]秒 [要記入]秒
PageSpeed Insights（モバイル） [要記入]点 [要記入]点
PageSpeed Insights（PC） [要記入]点 [要記入]点
月額コスト [要記入]円 0円（無料プラン）
robots.txt制御 制限あり 完全に自由
JSON-LD構造化データ 一部のみ 全ページに実装
AIクローラー対応 未対応 GPTBot等を明示的に許可

表示速度は体感でも明らかに速くなりました。Wixでは読み込み中にレイアウトが崩れて表示される場面がありましたが、移行後はページが一瞬で表示されます。SEOへの影響については、[要記入]（順位変動やインデックス状況の変化があれば追記予定）。

また、AI検索への対応として、robots.txtで主要なAIクローラー（GPTBot、ChatGPT-User、Google-Extended、PerplexityBot、ClaudeBot、Applebot-Extended）をすべて許可し、全ページにJSON-LD構造化データを実装しました。これにより、AI検索エンジンがサイトの情報を正確に取得・理解しやすい状態になっています。

移行してみての所感

良かった点

注意点

向いているケース・向いていないケース

この構成（HTML＋Cloudflare Pages）が向いているのは、ページ数が10〜20程度のコーポレートサイトやLP、ポートフォリオサイトなどで、表示速度とSEO/AEO対応を重視し、更新頻度が月数回程度の場合です。技術面はAIの力を借りることで、HTML/CSSの経験が浅くても十分に対応できます。

逆に向いていないのは、ブログや商品ページの更新が毎日のように発生するサイトや、非エンジニアの複数スタッフが頻繁にコンテンツを編集する必要がある場合です。そうした場合はWordPressやヘッドレスCMSなど、管理画面があるシステムのほうが適しています。自社の運用体制と更新頻度に合わせて選択することが重要です。

まとめ

中小企業にとって、コーポレートサイトは24時間働く営業ツールです。表示速度の遅さやSEO対応の不十分さは、見えないところで機会損失を生んでいます。もし現在のサイトに課題を感じているなら、静的サイトへの移行は検討する価値のある選択肢です。

Cirasでは、同様のWebサイト制作・移行支援も行っています。「自社のサイトを見直したい」「表示速度やAI検索への対応が気になる」という方は、お気軽にご相談ください。

AI活用 Webサイト制作の詳細はこちら

← ブログ一覧に戻る