別のブログサイトに投稿していた内容ですが、当時の心境の振り返りのために残しておこうと思い保存用としてリダイレクトさせています。
Adobeの「Dreamweaver」というソフトを使って
過去にHTMLサイトを作成したのですが、このサイト、
Googleに好まれる「レスポンシブ」やら「SSL」の対応ができていませんでした。
今回、その既存HTMLサイトをWordpressに移行しようって内容なんですけど、
これがまたちょっとややこしくて、一つの公開フォルダにふたつのドメインが入ってるって作りなんですよね。。
もう少し具体的にいうと、
サーバーはロリポップで、ひとつの公開（アップロード）フォルダに
ふたつのドメインが設定されている状態。下記が例↓
▼公開フォルダ
abc.com
▼その中のドメイン
http://aaa.com/
http://bbb.com/
ある事情があってこんな構成になってしまったのですが、
同じ状況でWordpressに移行したってサイトが探しても見つからなくて
なんとか近い状態のサイトがあったのでそれを参考にしながらやってみました。
1.既存HTMLサイトをWordpressに移行する理由
現在GoogleはPCでもスマホでも、
表示画面がユーザーにとって見にくくならないように設計している
そんなサイトを好みます。その対策がレスポンシブ対応で、
セキュリティを強化して、信頼できるサイトを表示させるのがSSL対応です。
今後はSSL化しているサイトをSEOの観点から優位に表示するとのこと。
早い段階からその対策を済ませておかねば！ということで、
かなりざっくりとした説明になってしまいましたが、
今回その両方を実現する為に、既存のHTMLサイトからの
Wordpress化を行いましたのでその経緯を書いてみます。
2.まず始めに移行した時に起こりうる不具合について
さて、何から取り掛かろうかなとまずは考えてみましたが、
とりあえずしたいこと、移行後にこうなっていて欲しいというゴールを決めました。
それが下記の項目↓
- 順位は落とさずに移行する
- できれば今よりも順位があがるといいな（願望）
- もらっているナチュラルリンクは引き継ぐ
- レスポンシブ対応にする
- 管理しやすくする
- SSL対応は移行後にサーバーを変えるタイミングで行う
と、最低限これだけできればまずは文句ないです。
そして上述した内容にもっていく為にはどうしたらいいか
ってところですが、まずは順位を落とさずに移行するって部分から
すでに不安でいっぱいでした。
HTML型からWordpressに移行することで何かしらSEOに影響が出ないか、
今まで自分で試した前例がないので未知数です。
今回の移行のタイミングで、どうせならプチリニューアルといいますか、
既存サイトでコンテンツが薄い記事や２ページにまたがった記事を１ページに
まとめたいなぁとか考えていて、そのほうがコンテンツが濃くなって、
結果SEO的に上位にあがるページとか出てくるんじゃないかなーなんて予想をしてみたり。
そんなことを考えながらも、とりあえず現状の順位を落とさないように
最低限いまの状態を保ちつつ移行したい。
起こりうる不具合としては、
- 順位が落ちる
- 下手したら圏外にふっ飛ぶ
- コンテンツが重複する
- URLが変わる
- ナチュラルリンクが外れる
- 表示速度が重くなるかもしれない
と、ひとまずこれぐらいは可能性としては出てきました。
やり出す前は簡単に考えてましたが、いざやるとなると結構調べることが多いということに気づきましたorz
3.その不具合を回避しつつ、無事に移行する方法を調べてみた
ほんじゃどうするか？
- 順位が落ちる ⇢ Wordpress化の影響が未知数なのでまず覚悟。
- 下手したら圏外にふっ飛ぶ ⇢ これも覚悟。
- コンテンツが重複する ⇢ 移行後にチェックしてみて表示がおかしかったら削除
- URLが変わる ⇢ URLを変えないようにパーマリンクをカスタム
- ナチュラルリンクが外れる ⇢ URLを変えないようにパーマリンクをカスタム
- 表示速度が重くなるかもしれない ⇢ ロリポップからエックスサーバーに変更する
こんなかんじでしょうか。
上の２項目は回避というか諦めてる感ありますけど。。
4.移行作業スタート⇢リスクが少ない部分から進めてみる
さて、移行後の不具合もある程度把握できたので、
早速取り掛かります。
ロリポップサーバーに「簡単インストール」でWordpressをインストールして、
テーマは「Simplicity」を選びました。これがシンプルかつカスタム性が高くて気に入っています。ちなみにこのサイトもSimplicityです。
そして、移行用のページをコツコツ作っていき、
企業用サイトなので、「トップページ」「会社案内」「お問合わせ」は固定ページで作成。業務内容やこれまでの実績を「投稿」でブログのように記事にしていく構成にしました。
ここで躓いたのが、既存のHTMLサイトのURLは「◯◯◯.html」というように、
語尾が「.html」となっているところ。Wordpressでこれを再現しようとすると、
「投稿」はパーマリンク設定のカスタム構造で問題ないけども、
「固定ページ」だと「◯◯◯-html」というようにドットがハイフン「-」になってしまう。
これが地味にやっかいで、これを解決してくれるサイトが
探しても探しても見つからなく、ようやく見つけたプラグインがこれ↓
「.html on PAGES」⇒「.html」が「-html」になるのを回避。
これで固定ページのURLも既存HTMLのURLを引き継げる。
そして早速「トップページ」のページを一先ず公開してプレビューしてみたところ、
ページが出ない・・・
表示されない・・
なんで？？って調べてみたところ、WordPressでは
「index.html」が「index.php」よりも優先される為、
既存の「index.html」を削除しないとWordpressで作成したページが表示されないとのこと。
ぬぁーー！まじかーー！！
プレビュー見れないのに既存の記事削除するとかリスク高いーー！！
でも削除しないと見れないーーー！！
ということで、リスクが比較的少ない「お問合わせ」ページを作って思い切って既存の記事を削除。※念の為全てのファイルをバックアップとっています。
結果、しっかり表示できました。けっこうあっさりと。
しかし気になるのは順位ですよね。
なので、新しい「お問合わせ」が表示されている状態から、
いつも１位をとれているキーワードで検索。⇢ 変わらず１位。
「よしっ！」
あとは同じ要領で他のページをWordpress用でサクサク作って、
元記事削除 ⇢ 新ページ表示を繰り返し、薄い記事はひとつにまとめーの、
ひととおり移行作業が完了。ですが、、
HTMLサイトの時に作ってなかったカテゴリーという概念がWordpressにはあって、
そのカテゴリーを作成すると「・・/category/・・」というのがついてURLが変わってしまう。
これはWordpressのプラグイン「WP No Category Base」で対応。
このプラグインはパーマリンクの「category」を削除してくれる（301リダイレクトも自動でやってくれる）というもの。便利！
5.なんとか移行できた
移行作業が完了し、念の為今までの検索キーワードで順位を確認してみたところ、
なんと！今までよりも上位にあがったページがぽろぽろ出てきました！
これはかなり嬉しいです。
Wordpressに移行したことで、僅かでもSEOの恩恵を受けることができました。
ただ、表示速度は以前よりも遅くなりましたね。。
これはサーバーをロリポップからエックスサーバーに変えることで
少しは早くなるとのことですので、そちらに期待です。
6.まとめ
移行前のゴールと移行後の結果をまとめます。
- 順位が落ちる ⇢ 落ちなかった。むしろ上がった。
- 下手したら圏外にふっ飛ぶ ⇢ 運良くふっ飛びませんでした。
- コンテンツが重複する ⇢ URLをそのまま引き継げたので、重複なし。
- URLが変わる ⇢ プラグインを使い問題なく対応できた。
- ナチュラルリンクが外れる ⇢ URLが変わっていないので引き続きナチュラリー
- 表示速度が重くなるかもしれない ⇢ 残念ながら遅くなりました。。
上述したように、表示速度以外は順調に移行できました。
こちらはサーバーを変えることで早くなることを期待します。
その時にSSL化も併せて行う予定です。
作業に3日もかかってしまいましたが、
Wordpressに移行できたことでレスポンシブ対応にもでき、
順位もあがり管理もしやすくなりました。
今まで育ってくれた既存のHTMLファイル群は削除され、
若干切ない気持ちもありますが、URLに新たな魂が吹き込まれたサイトは
今後さらにGoogleから高い評価をもらえるはずです。
SSL化も進めてさらに上位表示を目指していきます。
おわり
【2016年10月17日追記】順位に変動が・・
既存HTMLサイトをWordpress化した際に、
順位があがったページが下がり始めてしまいました・・
原因はわかりませんが、1位にいたキーワードが４位とか、
10位以下に落ちたものも。。
ここで下手に触ると悪化させてしまいかねないので、
ちょっと様子をみます。そのまま戻ってきてくれるといいが・・
