WordPressリニューアルで既存サイトが表示される問題：原因と解決策を徹底解説

この記事では、WordPress（ワードプレス）を利用して既存のウェブサイトをリニューアルする際に、既存サイトのコンテンツが表示され、WordPressの新しいサイトが表示されない問題に焦点を当て、その原因と具体的な解決策を解説します。WordPressのアップロード、リダイレクト設定、ドメイン設定など、技術的な側面を分かりやすく説明し、初心者でも理解できるように、ステップバイステップで解説します。ウェブサイトのリニューアルは、多くの企業や個人にとって重要な課題であり、スムーズな移行は、SEO、ユーザーエクスペリエンス、ブランドイメージに大きく影響します。本記事では、WordPressリニューアルを成功させるための具体的な方法と、よくある問題に対する対策を提供し、あなたのウェブサイトを成功に導くお手伝いをします。

初WordPressで困っています。

既存サイトをWP版でリニューアルするつもりです。

既存サイトのトップページは「/index.html」です。

WPで「/index.php」がトップのサイトを完成させたら、既存index.html以下は全て削除します。

今日、index.htmlと同じ階層にWPをダウンロードしました。

次にブラウザで「index.php」と入力して、その画面からもサイト名などの簡単な設定をし、ダウンロードは完了しました。

ところが再度ブラウザで「index.php」と入力しても「index.html」が表示されます。

ということはサイト制作を進めてもブラウザで確認できないのでしょうか？

そもそも同じ階層にダウンロードしたのが間違いですか？

仮ディレクトリを作って、一階層下になりますがそこにWPサイトを完成させてからまるごと移動させればいいのでしょうか？

どうか知恵をお貸しくださいｍ（＿＿）ｍ補足すみません。おっしゃる通りで書き間違いでした。訂正します。

今、WPのアップロードができた段階です。

これからリニューアル作業をするので、index.htmlも消していません。

既存サイトと、WPが混在しています。

リダイレクトされているようですが、解決法が知りたいです。

サーバはheteml、ＷＰは3.3.1です。

1. 問題の核心：なぜWordPressサイトが表示されないのか

WordPressのウェブサイトリニューアルで、新しいサイトが表示されないという問題は、多くのウェブマスターが直面する一般的な課題です。この問題の根本原因は、主に以下の３つの要素に集約されます。

ファイル配置の問題: WordPressのファイルが既存のウェブサイトのファイルと同じ場所に配置されている場合、サーバーはどちらのファイルを優先して表示するかを決定する必要があります。通常、サーバーはindex.htmlなどの既存のファイルを優先的に表示するように設定されていることが多く、これがWordPressサイトが表示されない主な原因となります。
リダイレクト設定: 既存のウェブサイトが、何らかのリダイレクト設定（.htaccessファイルやサーバー設定など）によって、特定のURLを別の場所に転送するように設定されている場合、WordPressサイトへのアクセスが意図した通りに機能しないことがあります。
キャッシュの問題: ブラウザやサーバー側のキャッシュが原因で、古いウェブサイトの情報が表示され続けることがあります。これは、新しいWordPressサイトの変更が反映されない場合に起こりやすい問題です。

これらの要素を理解し、一つずつ確認していくことが、問題解決への第一歩となります。

2. ステップバイステップ：WordPressリニューアルの正しい進め方

WordPressのリニューアルを成功させるためには、計画的かつ段階的なアプローチが不可欠です。以下に、具体的な手順をステップバイステップで解説します。

ステップ1: 事前準備とバックアップ

リニューアル作業を開始する前に、以下の準備を行いましょう。

既存サイトのバックアップ: 既存サイトのファイルとデータベースをバックアップします。万が一の問題発生時に、元の状態に復元できるようにするためです。
WordPressのインストール: WordPressをサーバーにインストールします。この際、既存サイトのファイルとは別のディレクトリにインストールすることをお勧めします。例えば、「/wp/」のようなディレクトリを作成し、そこにWordPressをインストールします。
サーバー環境の確認: 使用しているサーバーがWordPressの推奨環境を満たしているか確認します。PHPのバージョンやデータベースの種類などが適切である必要があります。

ステップ2: WordPressサイトの構築

WordPressのインストールが完了したら、新しいサイトの構築を開始します。

テーマの選択とカスタマイズ: 新しいサイトのデザインテーマを選択し、必要に応じてカスタマイズを行います。
コンテンツの移行: 既存サイトのコンテンツを新しいWordPressサイトに移行します。手動でコピー＆ペーストする方法や、インポート機能を利用する方法があります。
プラグインの導入: SEO対策、セキュリティ対策、お問い合わせフォームなど、必要なプラグインを導入します。

ステップ3: リダイレクト設定とファイル配置

新しいWordPressサイトが完成したら、既存サイトからの移行を行います。

リダイレクト設定: 既存サイトのURL構造を変更する場合、301リダイレクトを設定します。これにより、古いURLにアクセスしたユーザーを新しいURLに自動的に転送し、SEOへの影響を最小限に抑えます。
- .htaccessファイルの設定: .htaccessファイルを使用して、リダイレクトを設定します。例えば、既存のindex.htmlをWordPressのトップページにリダイレクトするには、以下のようなコードを.htaccessファイルに追加します。
```
RewriteEngine On
RewriteRule ^index.html$ / [R=301,L]
                
```
- WordPressプラグインの利用: Redirectionなどのプラグインを使用すると、GUI上で簡単にリダイレクト設定を行うことができます。
ファイル配置: 新しいWordPressサイトを既存サイトのルートディレクトリに配置します。具体的には、WordPressのファイルを既存サイトのルートディレクトリに移動します。この際、既存のindex.htmlファイルは削除するか、バックアップを取っておきます。

ステップ4: ドメイン設定とDNS設定

ドメイン設定とDNS設定も、ウェブサイトのリニューアルにおいて重要なステップです。

DNSレコードの確認: ドメインのDNSレコードが正しく設定されているか確認します。特に、AレコードがサーバーのIPアドレスを指しているか、CNAMEレコードが正しく設定されているかを確認します。
ドメインの伝播: DNS設定の変更がインターネット全体に反映されるまでには、時間がかかる場合があります（最大で72時間）。この期間中は、新しいサイトが表示されない可能性があります。

ステップ5: テストと公開

すべての設定が完了したら、最終的なテストを行い、サイトを公開します。

サイト全体のテスト: サイトのすべてのページ、リンク、フォームなどが正常に機能するかテストします。
モバイルフレンドリーテスト: スマートフォンやタブレットなどのモバイルデバイスでサイトが正しく表示されるか確認します。
SEOチェック: タイトルタグ、メタディスクリプション、alt属性などが適切に設定されているか確認します。
公開: テストで問題がなければ、サイトを公開します。

3. よくある問題と解決策

WordPressリニューアル中に発生しやすい問題とその解決策をまとめました。

問題1: 既存サイトが表示され続ける

原因:

キャッシュ: ブラウザやサーバーのキャッシュが古い情報を表示している。
リダイレクト設定: リダイレクト設定が正しく行われていない。
ファイル配置: WordPressのファイルが正しく配置されていない。

解決策:

キャッシュのクリア: ブラウザのキャッシュをクリアし、サーバーキャッシュをリフレッシュする。
リダイレクト設定の確認: .htaccessファイルやサーバー設定を確認し、リダイレクトが正しく設定されているか確認する。
ファイル配置の確認: WordPressのファイルが既存サイトのルートディレクトリに正しく配置されているか確認する。

問題2: 404エラーが発生する

原因:

パーマリンク設定: パーマリンク設定が正しくない。
.htaccessファイル: .htaccessファイルに問題がある。
コンテンツの移行ミス: コンテンツの移行に誤りがある。

解決策:

パーマリンク設定の確認: WordPressの管理画面でパーマリンク設定を確認し、適切な設定を選択する。
.htaccessファイルの再生成: .htaccessファイルを再生成する。WordPressの管理画面でパーマリンク設定を保存すると、.htaccessファイルが自動的に更新される。
コンテンツの再確認: コンテンツの移行が正しく行われているか確認し、不足しているコンテンツがないか確認する。

問題3: モバイル表示が崩れる

原因:

レスポンシブデザインの未対応: テーマがレスポンシブデザインに対応していない。
画像サイズ: 画像サイズが大きすぎる。
プラグインの干渉: プラグインがモバイル表示に影響を与えている。

解決策:

レスポンシブデザインテーマの選択: レスポンシブデザインに対応したテーマを選択する。
画像サイズの最適化: 画像サイズを最適化し、モバイルデバイスでの表示速度を向上させる。
プラグインの無効化と確認: プラグインを一つずつ無効化し、モバイル表示に影響を与えているプラグインを特定する。

4. サーバ環境別の具体的な対応策

利用しているサーバー環境によって、具体的な対応策が異なります。ここでは、代表的なサーバー環境であるhetemlと、その他のサーバー環境における対応策を解説します。

hetemlの場合

hetemlは、多くのユーザーに利用されているレンタルサーバーです。hetemlでのWordPressリニューアルの具体的な手順は以下の通りです。

WordPressのインストール: hetemlのコントロールパネルからWordPressをインストールします。既存サイトとは別のディレクトリにインストールすることをお勧めします。
ファイル配置: WordPressのファイルを既存サイトのルートディレクトリに移動します。既存のindex.htmlファイルは削除するか、バックアップを取っておきます。
.htaccessファイルの設定: .htaccessファイルを使用して、リダイレクトを設定します。例えば、既存のindex.htmlをWordPressのトップページにリダイレクトするには、以下のようなコードを.htaccessファイルに追加します。
```
RewriteEngine On
RewriteRule ^index.html$ / [R=301,L]
        
```
データベースの設定: hetemlのコントロールパネルでデータベースを作成し、WordPressの設定ファイル（wp-config.php）にデータベース情報を設定します。

その他のサーバー環境の場合

その他のサーバー環境（例：XSERVER、ConoHa WINGなど）でも、基本的な手順はhetemlと同様です。ただし、サーバーのコントロールパネルの操作方法や、.htaccessファイルの設定方法が異なる場合があります。各サーバーの公式ドキュメントを参照し、指示に従って設定を行ってください。

XSERVER: XSERVERでは、WordPressの簡単インストール機能が提供されています。また、.htaccessファイルの設定も、コントロールパネルから簡単に行うことができます。
ConoHa WING: ConoHa WINGでは、WordPressの高速化機能が充実しています。また、SSL証明書の取得も簡単に行うことができます。

5. SEO対策：リニューアル後の検索順位低下を防ぐために

ウェブサイトのリニューアルは、SEO（検索エンジン最適化）に影響を与える可能性があります。リニューアル後の検索順位低下を防ぐために、以下の対策を行いましょう。

301リダイレクトの設定: 古いURLから新しいURLへの301リダイレクトを設定し、検索エンジンのクローラーにURLの変更を伝えます。
XMLサイトマップの送信: 新しいサイトのXMLサイトマップを検索エンジンに送信し、サイト構造を正確に伝えます。
内部リンクの最適化: サイト内の内部リンクを更新し、新しいURLを指すようにします。
コンテンツの最適化: コンテンツの品質を維持し、キーワードの適切な使用、メタデータの最適化を行います。
モバイルフレンドリー対応: モバイルフレンドリーなサイト構造を構築し、モバイル検索でのランキングを向上させます。
表示速度の改善: サイトの表示速度を改善し、ユーザーエクスペリエンスとSEO効果を高めます。

6. 成功事例と専門家の視点

多くの企業や個人が、WordPressリニューアルを通じてウェブサイトの改善に成功しています。以下に、成功事例と専門家の視点を紹介します。

成功事例

事例1: 既存のウェブサイトのデザインが古く、モバイル対応もされていなかった企業が、WordPressでレスポンシブデザインのテーマを採用し、コンテンツを最適化しました。その結果、ウェブサイトのアクセス数が大幅に増加し、コンバージョン率も向上しました。
事例2: ECサイトを運営している企業が、WordPressのECプラグイン（例：WooCommerce）を導入し、サイトのデザインを刷新しました。これにより、ユーザーエクスペリエンスが向上し、売上が増加しました。
事例3: 企業のブログをWordPressに移行し、SEO対策を強化しました。その結果、検索エンジンのランキングが向上し、ウェブサイトへのトラフィックが増加しました。

専門家の視点

ウェブサイトのリニューアルに関する専門家の意見は、成功の鍵を握る重要な要素です。

SEO専門家: 「リニューアル後のSEO対策は非常に重要です。301リダイレクトの設定、XMLサイトマップの送信、内部リンクの最適化など、細部にわたる対策が必要です。」
ウェブデザイナー: 「ユーザーエクスペリエンスを重視したデザインが重要です。モバイルフレンドリーなデザイン、見やすいレイアウト、直感的なナビゲーションなどを考慮する必要があります。」
WordPress開発者: 「WordPressのバージョンアップやプラグインのアップデートを定期的に行い、セキュリティ対策を徹底することが重要です。」

専門家の意見を参考に、あなたのウェブサイトのリニューアルを成功させましょう。

もっとパーソナルなアドバイスが必要なあなたへ

この記事では一般的な解決策を提示しましたが、あなたの悩みは唯一無二です。
AIキャリアパートナー「あかりちゃん」が、LINEであなたの悩みをリアルタイムに聞き、具体的な求人探しまでサポートします。

今すぐLINEで「あかりちゃん」に無料相談する

無理な勧誘は一切ありません。まずは話を聞いてもらうだけでも、心が軽くなるはずです。

7. まとめ：WordPressリニューアルを成功させるために

WordPressリニューアルは、ウェブサイトの改善とビジネスの成長に不可欠なプロセスです。この記事では、WordPressリニューアルにおける問題点、解決策、ステップバイステップの手順、サーバー環境別の対応策、SEO対策、成功事例、専門家の視点などを詳しく解説しました。リニューアルを成功させるためには、事前の準備、計画的な実行、そして継続的な改善が重要です。この記事で解説した内容を参考に、あなたのウェブサイトのリニューアルを成功させ、ビジネスの成長につなげてください。

ウェブサイトのリニューアルは、技術的な知識だけでなく、デザイン、SEO、ユーザーエクスペリエンスなど、多岐にわたる要素が絡み合っています。もし、ご自身での作業が難しいと感じた場合は、専門家への相談も検討しましょう。専門家のサポートを受けることで、よりスムーズに、そして確実にリニューアルを進めることができます。

“`

コメントするコメントをキャンセル

お役立ちコンテンツ

転職体験談

転職ノウハウ

転職コラム