htmlサイトをWPの記事に変えました｜Xサーバーの例です

htmlのサイトを、管理しやすいワードプレス（WP）に書き換えしました。

2サイトの移行を連続して行ったのですが、全く同じようにいかなかった点もあって、それも取り上げています。

移行方法については、いろんな方がWEBに書いておられるのですが、PCに不慣れな私には1記事だけでは理解できず、いろんな記事に頼るなどで簡単にはいかなかったので、一気通貫でできるように記事に書いてみました。

移行すること自体は、難しいことではありません。

エックスサーバー で、「Cocoon」を使うことで説明しています。

もちろん、ロリポップなどの有名サーバーにも「簡単引っ越し」がありますから、Xサーバー以外の方は変更の流れをイメージしていただくといいでしょう。

Xサーバーの初期ドメインをつかって書き換えていきます

コントロールパネルにある「サーバーID.xsrv.jp」という、最初からあてがわれている初期ドメイン（ここでは　https://aaa.xsrv.jp　としています）を使います。（「ドメイン設定」画面で一番上にあります）

ここに現在のサイトの内容をWPで作って（コピペして）、できたサイトを運用中のサイトと入れ替える　…　という方法を取ります。

ここでは、現在運用しているサイトのドメインを　https://kkk.com　、新しく書き換えた作っていくサイトを　https://aaa.xsrv.jp　として説明しています。

手順は、まず、①　https://aaa.xsrv.jp　にWPをインストールし、②　そこに　https://kkk.com　の内容をコピペでWPの記事に変えていき、　③　最終的にhtlmからWPに変えた　https://kkk.com　のサイトで運用していく　…　という手順です。

この「初期ドメイン」は、サーバーパネルを開けた時に最初に書いてあるドメインで、これを　https://aaa.xsrv.jp　として説明していきます。

念のために、もう一度手順を繰り返します。

初期ドメイン（https://aaa.xsrv.jp）に、①　Xサーバーにある「WPの簡単インストール」を使って、WPをインストールし、　②　現在運用している　htmlの記事を一つずつWPに書き換えて（これは、ファイル数が多いと時間がかかります）、　③　Xサーバーの「WP簡単移行」という便利なツールを使って、現在運用しているサイトに移行して、　④　最終仕上げをする　…　という流れです。

作業時間は、初期ドメインへのWPのセッティングや移行作業はすぐに終わります。

しかし、記事を書き換え中に、文章の見直しなどがでてきてしまって、それに時間がかかりました。

2つのサイトを順に移行作業をやったのですが、1回目はhtmlの記事が約400記事、2回目は100記事のサイトで、トータルで5ヶ月かかっていますから、簡単とはいうものの、心して取り掛かってください。

WPに移した後に内部リンク（や外部リンク）を貼る作業などや、その後の見直しにも時間がかかりましたが、Xサーバーで用意されている「簡単移行」は、データベースも含めて移行してくれるので、移行作業自体はすぐに終わります。

初期ドメインの　xsrv.jp　を、これから運用しようとするドメイン名（ここでは　kkk.com）に変える必要があります。

これは、プラグインを使って、https://aaa.xsrv.jp　→　https://kkk.com　に変更するのですが、作業中に予期しない問題がでましたので、これについては詳しく説明しています。（問題が起きない場合はラッキーということですね）

ともかく、時間がかかる作業は「記事の書き換え」です。それ以外の作業は、時間はかかりません。

大まかなやり方と作業方針

ここで説明していく内容で、基本的な前提を書き出しています。

自分なりにメモして作業しましょう。

ここでは、サーバー内の初期ドメインも、運用中のドメインも「https」になっているものとして話を進めます。移行する基本条件ややり方は以下のとおりです。

1.　Xサーバーの「簡単インストール」と「簡単移行」を使う
2.　WPのテーマは「Cocoon」を使う
3.　自分のPCの「htmlのHPのファイル」と「画像ファイル」を「コピペ」して、WP記事を完成させる
4.　運用中のhtmlのHPすべてをサーバーから消去後、WP記事に入れ替える
5.　プラグイン　Redirection、XML Sitemap & Google News、Search Regex　を使用する
6.　最後にGoogle対策（301リダイレクト、サイトマップの通知）をする

以上の作業です。

流れを掴むのが優先ですので、ここでは細かい内容は省略しています。　また、WPの設定やプラグインは、移行に必要なもの以外は説明していません。

大まかな流れと注意点以外のわかりにくいところなどは、申し訳ありませんが、ググっていただき、自分なりのメモを作成することをおすすめします。

まず、初期ドメインへWordPressをインストールする

Xサーバーのサーバーパネルから、https://aaa.xsrv.jp　に「簡単インストール」を使ってWPをインストールします。

「+WordPressを追加」を押すと、インストール画面になります。

必要事項を記入します。

ここでは、テーマは「Cocoon」を使う設定にしています。この画面から設定できるのが便利です。

「インストールする」をクリックすると、WPとCocoonのインストール作業は終わりです。

画面下にある「詳細」に入力した、サイト名、MySQLデーベース名、パスワードなどをメモします。

また、XサーバーのログインIDとPW、WPのログインIDとPWなどもメモしておきましょう。

真っ先に　Cocoon設定などのWPの設定をする

これが最重要です。

インストールしたワードプレスの管理画面にログインします。

そして、①設定－表示設定・ディスカッション　②Cocoon設定－「広告」「アクセス解析・認証」　の関係部分を、外部から見られないように設定します。

これをやっておかないと、Googleが2重のサイトなどと判断してしまうと、後々面倒ですので確実にやっておきましょう。

これが非常に重要な設定です！

表示設定とディスカッションの設定

「検索エンジンがサイトをインデックスしないようにする」にチェックを入れる
「XML サイトマップを有効化」に関する項目はチェックを外す
ディスカッションの「投稿」「コメント」などで、外に発信される項目のチェックを外す

…　などです。

Cocoonの設定

広告の表示、アドセンス広告の表示、広告の表示位置など、関係部分のチェックを外す
広告コードなど、記入箇所には記入しない
アクセス解析・認証のページには、何も記入しない

…　などです。

＊＊＊＊＊

Adsenseやアフィリエイトをしている方は、（特に）Google にクロールされると、重複コンテンツと評価されて、現在運用中のサイトがアクセスされなくなって大変ですので、充分に注意ください。

私は、上の箇所の変更だけで問題はなかったようですが、いったんGoogleにクロールされて情報が漏れると大変ですので、充分すぎるほど注意が必要です。

もちろんのことですが、ここで変更した設定は、WPを現在運用中のサイトに移した後にもとに戻します。

それ以外のWP設定をします

ここからは、自分の作りたいページの設定になります。

自分スタイルでサイトを作っていってください。

HTLM記事をWPに書き換えていく

まず、安全のために、運用中のHTLMサイト(https://kkk.com/）のバックアップをとっておきましょう。

そして、自分流でやりやすい方法でWPに記事を作っていけばいいのですが、ここが注意点でもあるので、簡単に、私のやった方法を紹介しておきます。

ファイル名は現在運用中のHTMLと同じにする

現在のサイトが　https://kkk.com/bbb/ccc.html というような形なら、WPも　https://kkk.com/bbb/ccc/ となるようにすると、Googleの評価が落ちずに引き継がれるようです。

これで私も、徐々にですが、問題なくアクセスが戻りました。

私の移行元のhtmlサイトにはディレクトリが5つあって、それをカテゴリー分類にして、上のような　URL/カテゴリー/ファイル/　の、https://kkk.com/bbb/ccc/　の形になりました。

ちなみに、WPの「設定」のパーマリンク形式は　カスタム構造の　/%category%/%postname%/　です。

コピペでWPに書き込む

書き換え作業は、2画面で操作します。

①運用中のhttps://kkk.com/bbb/ccc.htmlのページを表示しながら、②それを「コピー」して、③別画面のWPの「投稿を追加」の何も書いてないページに貼り付ける　…　を1ファイルづつやっていきます。

ブロックエディターでも、クラシックエディターでも、WPは自動でうまく処理してくれます。

画像はブラウザ画面から「コピペ」できません。だから、htmlサイトの「画像ファイル」から、これも、画像ファイル名はそのままでWP側に貼り付けました。

私は、ブラウザ画面をコピーして、WP側に貼り付ける際は「プレーンテキストで貼り付ける」という方法で、全部をWPに書き移した後で、もう一度、1からリンクを貼る作業をしました。

このように、貼り替えは時間と根気がいる作業です。

この、WPの　https://aaa.xsrv.jp　は、Googleなどにインデックスされていないので、他の人がみることはないサイトのはずですが、記事は「公開」している状態なので、自分で確認して作業をすることができます。

スマホや他のブラウザで見え方を確認しながら進めるといいでしょう。

2サイトを移行してみて、うまく行かなかった点

後で紹介しますが、①301リダイレクトのためにプラグインで「Redirection」がインストールできなかった（最初のサイト移行時で、2回目は問題なし）　②プラグインSearch Regex　でファイル名変更をする時にうまくいかなかった（2回とも問題発生）　などの問題がでました。

でなければいいのですが、これらは、対策や注意点も紹介していますから、問題が起きたときは参考にしてください。

WPのサイトが完成したら、バックアップを取ります

ここまでで、うまくWPのサイトの書き換えが出来ているようであれば、作ったWPのバックアップを取ります。

私は、Xサーバーの「ファイルマネージャー」でホルダーごと全部をバックアップをして（これはzipファイルでそのまま保管）、さらに、WP画面の「ツール」－「エクスポート」で「すべてのコンテンツ」の「エクスポートファイルをダウンロード」して、WP記事のSQLデータベースをダウンロードして保管しました。（これらは結局は使うことはありませんでした）

この運用サイトと、作っているWPのファイル類とデータベースのバックアップがあれば、何がおきても安心です。

そして、移行作業にかかります。

今後の移行作業の道筋

1.　運用中のHTMLサイト内をすべて消去する（ここにWPを移します）
2.　Xサーバーの「WordPressの簡単移行」を使って初期ドメインの中身を移行する
3.　新しい移行先のサイト（aaa.com）のWPにログインして
4.　「設定」「Cocoon設定」を元に戻し、必要な情報を書きます
5.　プラグイン「Search Regex」をインストールし、初期ドメインのファイル名を変更する
5.　プラグイン「Redirection」「XML Sitemap & Google News」をインストール～設定
6.　Google Search Console 　で行う作業
7.　サーバーの設定などをもとに戻す作業
8.　最終確認作業

です。　以上をやっていきます。

（注）私が移行したサイトは、週末にアクセスが落ちるので、週末にこれらの作業をやったのですが、やはりスムーズに行かずに2日間かかったのですが、失敗談と注意点も含めて書いていきます。

移行作業は運用中のHTMLのサイト消去から

まず、Xサーバーの「ファイルマネージャー」画面から、現在運用中のhttps://kkk.comのすべてのファイルを削除して、ホルダーを空にします。

サブディレクトリなどのサイトはそのまま残しておいて問題ありません。

ads.txt　などのサイトに関係あるすべてを削除しても、バックアップがあるのでOKです。

次に　Xサーバーの「サーバーパネル」に戻って、「簡単移行」で、引っ越し作業をしていきます。

「WordPress簡単移行」を使います

aaa.xsrv.jp　になっていることを確認して、「＋WordPressを移行」をクリックすると、下の画面になります。

ここで、移行元　は　https://aaa.xsrv.jp　で、移行先　は　https://kkk.com　にして　…

「移行する」をクリックすると、移行元データベース内の記述を、運用サイトに自動的に移してくれます。

移行元にあるWPサイトは残っています。（これは、すべての作業が終わってから消去します）

作業はすぐに終わるので、GoogleChromeなどの使っているブラウザで「保管しておいたログイン情報」をつかって　移行先の　https://kkk.com/wp-admin/　からWPにログインします。

そしてまず、何かのWPの記事を開いて、中のコードを見てください。

きっと、すべてのファイル名が　https://kkk.com　ではなくて、まだ、https://aaa.xsrv.jp　の状態で、変わっていないと思います。

WEBには全部変わるという記事もありましたが、私がやった2回の移行では、そのまま変わっていませんでしたから、これを、下のSearch Regexプラグインで　https://kkk.com　に書き換える修正が必要です。

プラグイン　Search Regex　をインストールして設定します

このプラグインは、コードの中の文字を書き換えてくれるものです。

WPの「プラグイン」から検索して、インストールして「有効化」し、このプラグインを開きます。

実は、2回目の移行時に、アプリが更新されて少し画面が変わって戸惑ったのですが、大きな変更はありませんので、新画面のほうがシンプルですが、ここでは旧画面で説明しています。

最初の画面は何もしないで「更新」して、次の画面で、「検索」に　https://aaa.xsrv.jp/　、「置換」に　https://kkk.com/　を入力します。

「検索」ボタンで書き換え箇所が出るので、「すべて置換」を押します。

実は、これを1回やるだけでは、すべてが変わっていませんでした。

そこで、この「検索－すべて置換」を何回か繰り返して、変更がなくなるまで繰り返したのですが、重要なことは、変換後に「投稿一覧」に戻って、「コード」画面でリンクが書き換わっているか確認しましょう。

私の場合は、1回目の移行では、「投稿タイプ」から「本文」を選んで、「検索－すべて置換」を何回か繰り返す必要があり、2回目の移行時は（少し画面が変更されていて、簡単になったのですが）「URLのスラッシュ」が消えていることや「https」になっていないところが見つかったので、その修正をしたのですが、これも、文字変換を簡単にやってくれますから、充分に確認するといいだけですね。

何ページかのWP記事のコードをみて、うまく変換されていることを確認すると、これで完了です。

その後は、このプラグインは、使うことはありません。（私は他に使えそうだと思って置いたままです）

そして次は、301リダイレクト設定です。ここでは、人気のプラグインを使います。

プラグイン　Redirection　をインストールから有効化

これも同様に、プラグインのページから検索して、インストールして有効化します。

そして、「転送ルール」の画面で次のように入力します。

ソースURLには　　 /(.*)\.html　
ターゲットURLには　 /$1/

この「正規表現」にしておけば、「全ての記事の末尾の.htmlを無視して新しいURLに飛ばす」という設定になっています。

うまく進めばいいのですが、1回目で私は少し手こずりました。

インストールで止まってしまいました。その対策を書いておきますので、参考にしてください。不思議ですが、2回目は、下の設定を変えなくても、すんなりいきました。サイトごとの相性があるのでしょうか？

（参考）Redirectionがうまくインストールできないときは　…

私の不具合は、1回目に発生し、2回目の移行では問題なくインストールできましたので、不具合が起きたときは参考にしてください。

不具合は、「REST APIが動作していない」というものです。

どうも原因は、運用中だったサイトのサーバー側の「セキュリティー設定」が影響していたようで、3つの対策を順にやっていけば、うまくインストールできました。

ダメな場合は、WEB記事をみると[.htaccess］を変更する方法もあるようですが、ともかく、下の3つでうまくインストールできましたので、参考にしてください。

1.　Xサーバーのサーバーパネルで、「国外アクセス制限」がOFFになっていることを確認する

WardPressのカテゴリーの「WordPressセキュリティ設定」で、自分の対象のドメインの「REST API アクセス制限」をOFFにして、設定ボタンを押します。

まず、これでRedirectionのインストールが進むかどうかを確認します。ダメなら次の2つをやってみます。

2.　ブラウザの「キャッシュ」を削除します

使用しているブラウザで方法が違うので、削除の方法はググってください。削除後は、3に進んでください。

3.　サーバーパネルから、WAF設定を一時的にオフにする

サーバーパネルのサイドメニューの「セキュリティー」の「WAF設定」で、運用するサイトのWAF設定をメモしておき、すべての項目をOFFにします。

このサーバーの設定変更には少し時間がかかります。

私の場合は、2時間経っても設定変更完了にならず、「設定中」の状態でしたが、Redirectionに戻ったらインストール作業が進行できました。

1時間以上待ってみてもサーバー側の変更が変わらないときは、Redirectionに戻ってインストールできるかどうかを試すといいでしょう。

インストールできれば、上の、Redirectionの設定をしてください。

そして作業後は、1と3で設定を変えたところは、サーバー設定を必ずもとに戻す事を忘れないように注意してください。

このもとに戻す作業は、サーチコンソールなどで、インデックスとアクセスの回復傾向を確認してから戻したほうが良さそうです。私の場合は、半月以上かかっています。

気長にまたないと、これだけはどうしようもない感じです。

そして、XML Sitemap & Google News 　のインストール～設定です

ここからは、Googleに「サイトの内容が変わりました」ということを知らせるための作業です。

XML Sitemap & Google NewsをWPのプラグインのページから検索して、インストール～「有効化」します。

特に、設定については初期のままでいいですが、1点、「投稿と固定ページがある場合は、両方にチェック」を入れます。

設定を保存すると、それで、自動的にGoogleに知らせてくれるようになりますが、必ず、次の、「Google Search Console」で、Googleに知らせる必要があります。

最終ステップ　Google Search Console　での作業

自分の「サーチコンソール」の「インデックス作成」にある「サイトマップ」で、　sitemap.xml　と入力して、送信します。

これで移行作業が完了です。

当分の間は、「自分のWPのページ」「Redirectionの作動状態」「サーチコンソールの動向」を見て異常がないかチェックしましょう。

私の場合はアクセス数がダウンし、それが時間とともにゆっくりですが戻っていくのですが、ともかくこれで「移行作業」は完了です。

そして、aaa.xsrv.jp　の初期ドメインで作ったWPの内容すべては、3日後にすべて削除しました。

以上ですが、今回は、Xサーバーさんのツールに助けられました。

［PR］
初期費用無料、月額990円から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

独自ドメインがずっと無料！国内シェアNo.1【ロリポップ！】

人気のサーバーのようで、いろんな方がいろんな記事を書かれているので、私のように難しいことが苦手の方は、WEB記事をそのまま参考にできる事が多いので助かっています。

ストレスも軽減しますから、早めに乗り換えを検討されるといいですよ。