本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. 既存サイトを止めずに、サーバー移行と更新基盤を分けて進める

既存サイトを止めずに、サーバー移行と更新基盤を分けて進める

CASE STUDY 無停止のサーバー移行と更新基盤 社名非公開

既存サイトを止めずに、サーバー移行と更新基盤を分けて進める

運用中の製品サイトを新しいサーバー環境へ移しながら、検索を意識したページとニュースを担当者が更新できるWordPress領域を追加する計画を整理しました。移行、CMS導入、公開切替を一度に行わず、現行サイトを保ったまま段階ごとに確認できる進め方としています。

クライアント名 某IT・テクノロジー企業
業種
サイトのカテゴリ
サイトの特徴
  • サイトリニューアル
  • Wordpress
制作範囲
  • 企画構成
  • 制作進行
  • ディレクション
  • デザイン
  • コーディング
  • CMS
課題と制約

すでに利用されている製品サイトのため、リニューアル作業中も閲覧を止めず、既存URLとコンテンツを維持することが前提でした。そのうえで、検索流入を増やすための情報ページと、社内で継続更新するニュース領域をWordPressで運用したい要望がありました。既存サイト全体をCMSへ載せ替えるのか、更新が必要な部分だけを追加するのかを判断する必要がありました。

サーバー移行、WordPress導入、ドメイン・DNSの切替を同時に行うと、不具合が起きた際に原因を特定しにくくなります。また、現在の表示を維持するだけでは、更新担当者の作業範囲や、検索向けページを増やすルールが曖昧なまま残ります。公開を止めないことと、今後更新しやすくすることを別の課題として整理する必要がありました。

判断と対応

現行サイトの移行と、新しい更新領域の構築を分けました。まず既存ページが新環境でも同じURLと表示で動く状態をつくり、リンク、フォーム、計測、ファイル参照を確認します。その後、ニュースや検索向けページなど継続更新が必要な範囲へWordPressを導入し、固定された製品ページまで無理に同じ管理方式へ入れない方針としました。

公開切替も、移行先での動作確認、CMS領域の確認、DNS・サーバー切替、公開後確認の順に分けました。問題が起きた場合に戻せる地点と、誰が判断するかを明確にし、移行とコンテンツ追加の原因を切り分けられるようにしています。検索向けページは数を先に決めず、テーマ、元となる情報、更新責任、関連する製品ページへの導線を確認してから追加する構成です。

デザイン面の工夫

既存サイトの利用者にとって、移行は新しい操作を覚える機会ではありません。基本のナビゲーションと製品情報への到達方法は維持し、新しく加えるニュースや情報ページだけが浮かないよう、見出し、余白、関連リンクのルールをそろえました。既存部分を全面的に作り直すより、どこが更新領域かを自然に理解できることを優先しています。

検索から情報ページへ直接訪れた利用者が、記事を読んで終わらず、関連製品や問い合わせへ進める導線も設けました。更新担当者が画像や文章量を毎回調整しなくても一定の読みやすさを保てるよう、記事内の構成要素を限定しています。

実装と公開後の改善

サーバー移行では、ファイルを置くだけでなく、URL、PHPやデータベースの条件、フォーム送信、外部サービス、解析タグ、リダイレクトを確認対象にします。WordPressは更新する範囲へ限定し、既存の静的ページと共存させることで、移行時の変更範囲を抑えました。DNS切替前後の確認項目を分け、旧環境へ戻す判断もできる手順としています。

この進め方は、現行サイトを止められず、更新が必要な領域だけを段階的にCMS化したい案件に向きます。一方、既存環境の仕様や管理権限、DNSの管理者、フォームの送信先が確認できない場合は、移行日を先に決めるべきではありません。移行元と移行先の責任範囲、切替を判断する人、問題発生時の連絡経路まで確認してから実施します。

PRACTICAL KNOWLEDGE このケースに関連する実務知識

この案件で確認した判断を、複数の制作記録と照合し、ほかのWeb制作でも使える確認事項として整理しています。

稼働中サイトの旧環境と新環境の切替経路を確認する作業台

稼働中サイトのサーバー移行と改修を、同時事故にしないために

公開中サイトを止めずに移行するとき、環境の再現と機能追加を分け、切替前確認、戻せる地点、切替後の監視までを整理します。

その他のケーススタディ
CASE STUDY 事業の世界観が伝わる企業サイト 社名非公開

情報だけの「オンライン上の名刺」から、事業の世界観が伝わるコーポレートサイトへ

新しい会社・事業の立ち上げに伴うコーポレートサイト制作です。企業情報や事業内容などの大枠は見えていた一方、各ページの役割、事業を表す言葉、ブランドの見...

業種
レジャー・エンタメ / サービス
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
CASE STUDY 既存Web基盤への新サイト追加 社名非公開

既存Web基盤へ新サイトを追加。CMS権限・公開・継続運用をどう設計したか

既存の企業サイトとMovable Typeが稼働する環境に、施設サイトと新しい更新担当部門を追加したリニューアルです。ページ制作だけでなく、既存ドメイン・サーバー...

業種
レジャー・エンタメ / サービス
カテゴリ
サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
CASE STUDY 運用できる会員サイト設計 社名非公開

会員サイトを「公開できる」から「運用できる」へ。認証・検索・権限・外部データ連携をどう設計したか

業界団体の会員向けポータルをリニューアルした案件です。蓄積されたお知らせ、資料、マニュアル、各種フォームを整理し、会員認証、検索、公開期間、管理画面、...

業種
金融 / 特殊法人
カテゴリ
サービスサイト / システム開発
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面 / 会員管理
詳細を見る
CASE STUDY 日英同時進行の多言語サイト 社名非公開

日本語と英語を同時に進める多言語サイト制作

日本語と英語の二言語サイトを限られた期間で並行制作した案件です。日本語版を基準に共通テンプレートを整えながら、後から届く翻訳原稿、言語ごとの文字量と改...

業種
住宅・不動産 / 金融
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
ケーススタディ 一覧