無料版はてなブログ→WordPress移行時の設定まとめ

この記事は 約10 分で読めます。

こまり猫

はてなブログ→WordPress移行時に、はてなブログはどうすればいいかな・・・

なつめ

はてなでブログで独自ドメインを使っていない場合は、リダイレクト設定や元ブログがGoogle検索から外す設定が必要だよ。

今回は、無料版はてなブログからWordPress移行時にしておく設定内容についてまとめました。

はてなブログでの設定内容

はてなブログからWordPressへの移行でやるべき設定をまとめました。

リダイレクト設定
no index、no follow設定
サイトマップをGoogleに送る

なつめ

新サイトのレンタルサーバ契約や独自ドメインは取得できている前提です。旧サイトを終息させ、新サイトにアクセスを移行させる設定です。

格安WordPress特化サーバの
エックスサーバーを調べてみる

リダイレクト設定

サイトが移転した場合、通常は301リダイレクトと呼ばれる恒久的な移転を設定する必要があります。

しかし、はてなブログでは外部サイトへの301リダイレクト設定ができません。

はてなブログ無料版から独自アドレスのサイトへ移転する場合は、JavaScriptを用いてページ転送を設定してあげる必要があります。

はてなブログ有料版で独自アドレスを設定した場合は、301リダイレクトが設定されます。以下の設定が面倒な場合は、一度独自アドレスに移行してから新サイトを立ち上げた方がスムーズかもしれません。後述のGoogle Search Consoleでも、301リダイレクトが利用できる場合の方が、スムーズに移転ができます。

はてなブログでのリダイレクト設定方法

はてなブログの管理コンソール画面でデザインを選択します。

カスタマイズ（スパナアイコン）→記事→記事上に、以下のソースを編集して貼り付けます。

<p>こちらのWebサイトは移転しました。<br>
<script type="text/javascript" language="javascript">
<!--
 // 新urlの作成
	var domain = "移転先のURL/";　// 移転先URL、末尾はスラッシュを追加
	var path = location.pathname.substr(7).replace(/\//g, "-"); // パスの整形。日付表示の場合。
	var url = domain + "entry/" + path; // フルパス名

 // リンクhtmlの書き出し
	document.write("<a href=\"" + url + "\">" + url + "</a></p>");

 // リダイレクト
	setTimeout("redirect()", 5000);　// 5秒後にページ移動
	function redirect(){
		location.href = url; 
	}

	// canonical の書き換え
	var link = document.getElementsByTagName("link")[0];
	link.href = url;
-->
</script>

なつめ

この設定でリダイレクトされるのは、個別の記事ページです。ブログトップはリダイレクトされないのでご注意ください。

中級者向けのコードの解説

新URLの生成部分だけオリジナルになっているので、適宜改変してください。

ちなみに新URL生成部分のコードを簡単に説明します。

location：現在ページのURL。この場合、はてなブログの各記事のページとなります。
pathname：locationプロパティに追加するメソッド。URLのパス部分を取得します。
substr(7)：文字の切り出し。この場合、７文字以降（”entry/”以降）のURLパスを取得します。参考ページは6文字以降でしたが、うまくいかなかったので調整してます。
replace(/\//g, “-“)：文字列の置換。”/”（スラッシュ）を”-“（ハイフン）に置換。“/置換する文字/g”で対象の文字列全てを置換できます。スラッシュは特殊文字のため、”\”（バックスラッシュ）を前につけています。

replace部分では、“http://〜/entry/2019/10/01/〜”としていたはてなブログURLを、“http://〜entry/2019-10-01/〜”と変更したため、このような置換となっています。ご自身のURLにあわせて、置換文字を設定ください。

上記スクリプトは、こちらの記事をベースに改変させていただきましたので、こちらのサイトをご参照ください。