htmlサイト記事を全部WPに移す作業|Xサーバーの例

ホームページビルダー(HPB)を使ってhtmlのサイトを作っていたのですが、HPBが使えなくなるとか、今後はhtmlサイトのGoogle評価が下がるなどの話題もあって、htmlサイトの記事をワードプレス(WP)サイトに移行したときの方法を書いています。

2サイトの移行をしたところ、所々で同じようにならなかった点があったので、そこは詳しく書いています。

WEBにいろんな方が書いている記事を参考にしたのですが、それでも、いろいろとわからないことがでてきた経験から、少し詳しく書いたので、長い文章になりました。

専門知識はそんなにありませんので、結構つまづきましたが、順番にやれば、問題もなく移行できます。

ともかく、やり方の流れと困ったときの対処法を頭にインプットして、自分なりのメモを取って、それからやってみると失敗しません。

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

Xサーバーでは、その組み合わせはサーバーパネル内でできるので非常に便利ですが、他のサーバーでは勝手が違うかもしれません。

ただ、他の有名なサーバーにも同じようなツールがあるようで、ロリポップには「簡単引っ越し」という方法がありますから、Xサーバー以外の方は他の記事を探してくださいね。

Xサーバーの初期ドメインを使います

普段使っていない、自分にあてがわれている初期ドメイン(ここでは https://aaa.xsrv.jp としています)を使います。

そして現在運用しているサイトのドメインを https://kkk.com として、まず、https://aaa.xsrv.jp にWPをインストールし、そこに https://kkk.com の内容をコピペでWPの記事に変えていき、最終的にすべてを https://kkk.com のサイトだけにする … という手順です。

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

サーマー画面

もう一度手順を繰り返します。

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

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

問題は、記事の書き換えです。

2回のサイト移行をやったのですが、1回目はhtmlの記事が約400記事、2回目は100記事のサイトでしたので、トータル5ヶ月かかっています。

内部リンクを貼る作業は、すべての記事をWP化した後でないとやりにくかったので、2回見直したこともあった時間がかかりました。

Xサーバーの「簡単移行」は、データベースも含めて移行してくれるので、非常に助かりました。

ただ、初期ドメインの xsrv.jp になっているので、それを現在運用しているドメイン名(ここでは kkk.com)に変えるために、プラグインを使って、https://aaa.xsrv.jp → https://kkk.com にする作業をするのですが、これは2回とも問題がでましたので、ここは詳しく説明しています。

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

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

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

ここでは、サーバー内の初期ドメインも、運用中のドメインも「https」になっているものとして話を進めます。また、これがBESTな方法でないかもしれませんが、2サイトでうまくいきましたので、多分大丈夫な方法でしょう。私のサイトの状態

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サーバーのサーバーパネルから、簡単インストールをクリックすると、下の画面になるので、「+WordPressを追加」を押すと、インストール画面になります。

そこに必要事項を記入します。

インストール設定入力画面

ここでは、テーマは「Cocoon」を使う設定にしています。

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

画面下にある「詳細」をクリックして、ここで入力した、サイト名、MySQLデーベース名、パスワードなどを控えておきます

また、情報を一覧できるように、XサーバーのログインIDとPW、WPのログインIDとPWなどをあわせて書き出しておくと便利です。

同じ画面の「管理画面」の「開く」から、WPの管理画面に入ることが出来ますが、ここでは、いったん画面を閉じて、「管理画面用URL」から、書き取っておいたIDとPWを使って、WPの管理画面に入ることで、PCにID・PWを記憶させておくのが便利でしょう。

真っ先に Cocoon設定などを外部にみられないようにWPの設定をする

これが最重要です。

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

そして、ここでは、特にGoogle対策が必要です。

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

ここで変更した設定 … これが非常に重要!

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

設定の変更

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

… などです。

Cocoonの設定

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に書き込む

書き換え作業は、①運用中のページを表示して、②それを「コピー」して、③別画面のWPの「投稿を追加」から、何も書いてないページに貼り付ける … を1ファイルづつやっていきます。

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

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

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

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

この、WPにで書いている https://aaa.xsrv.jp は、簡単にみられることがないサイトですが、「公開」しているので、ブラウザを変えたり、スマホで確認することができます。

確認しながら進めるといいでしょう。

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サーバーの「ファイルマネージャー」画面から、すべてのファイルを削除して、ホルダーを空にします。

サブディレクトリなどは残しても問題ありません。

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プラグインで修正が必要です。

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

プラグインをインストール

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

2回目の移行時には、少し画面が変わっていましたが、大きな変更はありますうので、旧画面で説明していきます。

リンクの変更

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

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

これだけでは、すべてが変わりません。この「検索-すべて置換」を何回か繰り返して、変更がなくなるまで繰り返します。

ここで重要なことですが、「投稿一覧」に戻って、「コード」画面でリンクが書き換わっているか確認します。

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

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

このプラグインは、用済みですが、私は置いたままです。

そして次は、301リダイレクト設定です。これも簡単に処理したいので、人気のプラグインを使います。

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

301設定のプラグイン

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

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

Redirection設定

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

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

うまく進めばいいのですが、私は少し手こずりました。インストールで先に進まなかったのですが、その状態が起きたときの対策を書いておきますので、参考にしてください。

(参考)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で設定を変えたところは、必ずもとに戻す事を忘れないように注意してください。

このもとに戻し作業は、サーチコンソールなどで、インデックスとアクセスの回復傾向を確認してから戻したほうが良さそうです。私の場合は、半月後ぐらいに急にアクセスが減って、また、上の3項目をやり直し、その後にもとに戻しました。その間は不安ですが、仕方がないでしょう。

次は、XML Sitemap & Google News  のインストール~設定です

サイトマップを送るプラグイン

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

特に、設定については問題になるところはそのままでいいのですが、投稿と固定ページがある場合は、両方にチェックを入れます。

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

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

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

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

サーバーの設定変更をした場合は、確実に前の状態に戻す作業を忘れないように。

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

私の場合は、アクセス数が数日間少しダウンしましたが、すぐに戻りました。そして、サーチコンソールのインデックス作成状況を「ページ」のデータを見ながら、改善作業をしていますが、これは順次にやることなので、ともかくこれで「移行作業」は完了で、.xsrv.jp の初期ドメインのWPの内容すべては、3日後に削除しました。

以上ですが、今回は、AXサーバーさんのツールに助けられました。人気のサーバーはいろんな方がいろんな記事を書かれているので、私のように難しいこと嫌いの方は、サーバーを変えるとストレスも軽減しますから、早めに乗り換えを検討されるのも得策だと思います。
[PR]
初期費用無料、月額990円から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

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

WPの移転がうまくいきますように。

この記事を書いた人
きょくまめ

電気・電子や科学が好きなシニアです。
壊れた電気製品を直して嫌がられるなど、役に立つのか立たないのかわからないことをする趣味があるので、少しでも役に立ちそうなアイデアを紹介する記事を書いていこうと思っています。

フォローする
インターネット
PR
シェアする
フォローする
タイトルとURLをコピーしました