はてなブログからワードプレスに移転してみた④

はい、移転ネタも4回目です。
現在の作業の進捗具合からして、記事は5回目まで続くことが確定です。

ところで前回までの記事で公開していた作業手順に間違いがありました。

  1. 移転先ワードプレスブログを検索エンジンに表示されないようにする
  2. 移転先ワードプレスブログをアクセス不可にする
  3. 移転元はてなブログから投稿データをエクスポート
  4. 移転先ワードプレスブログに投稿データをインポート
  5. 移転先ワードプレスの全記事を非公開に設定
  6. 移転元はてなブログを Google Search Console に登録
  7. 移転先ワードプレスブログを Google Search Console に登録
  8. 移転先ワードプレスブログへのアクセスを許可する
  9. 移転先ワードプレスを検索エンジンに表示されるようにする
  10. 移転先ワードプレスブログの記事を公開する(1記事ずつ行う)
  11. 移転元はてなブログの記事に転送設定を追記(1記事ずつ行う)
  12. Google Search Console でアドレス変更設定を行う(1記事ずつ行う)
  13. 全記事の移転設定が完了したら移転元はてなブログを削除する

これの12番目がですね、1記事ずつ行うのが無理っぽいです。
どうもすみません。

過去記事は下記のように修正しておきました。

12.Google Search Console でアドレス変更設定を行う(1記事ずつ行う)

さて、前回までで手順1〜7が紹介済となっております。
今回は手順8〜11を紹介します。

ワードプレスブログのアクセスを許可

ワードプレスの左メニュー 「プラグイン」->「インストール済みプラグイン」->「ログインしていなければリダイレクトする」を無効化

ワードプレスブログを検索エンジンに表示

左メニュー「設定」->「表示設定」->「検索エンジンがサイトをインデックスしないようにする」のチェックを外す ->「変更を保存」を選択

はてなブログに転送処理を追加

はてなブログの転送に関しては、こちらのブログ様を参考にさせて頂きました!
ありがとうございます!!

ブログ移転時必見!はてなブログ(無料)からリダイレクトをする簡単で効果的な方法! : beizのノート 様

こちらで紹介されている方法をそのまま使いたかったのですが、私の場合

  • 1記事ずつ移転したい
  • パーマリンクを変更したい

という要件があったため、JavaScriptを変更させて頂きました。
以下、手順です。

はてなブログの左メニュー「デザイン」を選択

スパナ?レンチ?のアイコン ->「記事」を選択

展開されたメニューの「記事上」を選択

テキスト入力欄が表示されるので、以下のソースコードを入力します。
(コピペ時は文字コード等に注意!)

【2017/03/08 追記】
コピペするとダブルコーテーション(”)で囲んでいる部分がJavaScriptエラーになる現象を確認しています。ブラウザのせいかもしれませんが原因ははっきりしません。エラーが出る場合は、コピペ後にダブルコーテーション部分だけ直接入力で置換してください。

赤字部分は御自分の転送先URLで置換してください。

例:転送先URLが「http://www.test/hogehoge/test01」の場合
赤字部分を「http://www.test/」で置換する

<p>
<script type="text/javascript" language="javascript">
<!--
var url = "";

function transfer_rlyeh(page) {
    // 新urlの作成
    url = "転送先のドメイン名" + page;

    // リンクhtmlの書き出し
    document.write("この記事は下記URLに移転しました。<br>");
    document.write("<a href=\"" + url + "\">" + url + "</a><br>");

    // リダイレクト
    setTimeout("redirect()", 5000); // 5 sec

    // canonical の書き換え
    var links = document.getElementsByTagName("link");
    for (var i = 0; i < links.length; i ++) {
        if (links[i].rel === "canonical") {
            links[i].href = url;
            break;
        }
    }
}

function redirect() {
    location.href = url; 
}
-->
</script>
</p>

ソースコード入力 ->「変更を保存する」を選択

スマホアイコン -> 「PCと同じHTMLを表示する」をチェック ->「変更を保存する」を選択

ワードプレスの記事を公開する

この作業は1記事ずつ行います。
次の作業と1セットで行ってください。

ワードプレスの左メニュー「投稿」->「投稿一覧」-> 対象の投稿を選択 -> 右側の「公開状態」メニューを展開して「公開」をチェック ->「OK」->「更新」を選択

はてなブログの記事に転送設定をする

この作業は1記事ずつ行います。
直前の作業と1セットで行ってください。

はてなブログの左メニュー「記事の管理」-> 対象の記事を選択

「HTML編集」-> 下記のソースコードを入力 ->「記事を更新する」を選択

入力するソースコードはこちら。
(コピペ時は文字コード等に注意!)

赤字部分は御自分の転送先URLで置換してください。

例:転送先URLが「http://www.test/hogehoge/test01」の場合
赤字部分を「hogehoge/test01」で置換する

<p>
<script type="text/javascript" language="javascript">
<!--
transfer_rlyeh(“転送先のディレクトリ+ページ名“);
-->
</script>
</p>

ちなみに私の場合、転送元の記事を削除してソースコードのみとしました。
この場合は以下のような感じになります。

以上で作業は完了です。

転送動作確認

以上の転送設定がどのように動作するかというと…

移転元はてなブログの対象記事にアクセスすると、以下のような画面が表示されます。
ここでURLをクリックする、もしくは5秒ほど放置すると、自動的に移転先ブログの対象記事にページ移動します。

図で紹介されてもよく分からない!という方は、実際に転送設定を行った私のブログを参照してみてください。

以下が転送元URLです。
http://occultlob.hatenablog.com/entry/2014/10/26/213127

以下が転送先URLです。
http://occult-laboratory.info/attraction/20141026213127/

今回は以上です。

次の手順は、ブログ全記事の転送設定が終わった後の作業となりますので、私自身が作業を行いながら記事を書いている都合上、続きを書けるのはしばらく先になってしまいます(^^;

何卒ご容赦ください…

それでは今日はこのへんで。

【2017/03/09 追記】
続きを書きました!

はてなブログからワードプレスに移転してみた⑤

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

この記事ではコメントを受け付けていません。