はてなブログから引越し後のはてなブログのリダイレクト設定方法

はてなブログからWordPressへの引越しを完了したこのサイトですが、最後にはてなブログからWordPressへ転送させる設定を終えて全ての引越しが完了します。

JavaScriptを使って転送させる
転送させるコード
設定後の表示
はてなブログのアクセス解析

JavaScriptを使って転送させる

はてなブログでは.htaccessファイルが編集できないので、301リダイレクトという機能が利用できません。

そこでJavaScriptを使って新しいサイトに転送させます。

はてなブログの「デザイン設定」ー「スパナマーク」ー「ヘッダ」に進みます。

転送させるコード

記事上に次のコードを追記します。

こんな感じです。

ヘッダータイトル下

<p><b>移転しました。</b></p>
<p><b>約3秒後に自動的にリダイレクトします。</b></p>
<script type="text/javascript" language="javascript">
<!--
 // 新urlの作成
　　var domain = "https://www.yahoo.co.jp";　// 新ドメイン（最後のスラッシュは不要です）
　　var path = location.pathname;
　　var url = domain + path; 

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

 // リダイレクト
　　setTimeout("redirect()", 3000);　// 3 sec
　　function redirect(){
　　 　location.href = url; 
　　}
　
 　// canonical の書き換え
　　var link = document.getElementsByTagName("link")[0];
　　link.href = url;
-->
</script>

変更するのは新しい転送先のURLのみで大丈夫です。

転送までの時間を変更したい場合は3000の値を変更していください。

注意

はてなブログのデザインをPCとスマホで分けている場合は、両方に記載をするかスマホ側をPCと同じ表示に変更してください。