はてなブログで古い記事から新しい記事へ転送（リダイレクト）させる方法

・はてなブログで記事を新しく書き直したので、古い記事から転送（リダイレクト）させたい。
・具体的なやり方を簡単に分かりやすく教えてほしい。

こういった疑問に答えます。

本記事の内容

1. はてなブログで、古い記事から新しい記事へ転送（リダイレクト）させる方法

この記事を書いている私は、2006年から始めて、アフィリエイト歴は13年ほど。
当ブログの他にも複数ブログを運営していて、毎月コンスタントに収益が発生しています。

こういった私が、解説していきます。

はてなブログで、古い記事から新しい記事へ転送（リダイレクト）させる方法

結論、以下の①、②の手順で簡単に記事の転送ができます。

1. フッタ―にjQueryを埋め込む
2. 記事にJavaScriptで転送するコードを記述する

手順①：フッタ―にjQueryを埋め込む

デザイン＞フッターに下記コードを追加しておきます。

<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>

手順②：記事に下記を記述する

• JavaScriptが動かない場合のために「この記事は移転しました」メッセージと、新しい記事のURLを書いておきます。
• 重複記事と扱われないように、metaタグに「noindex」を追加するスクリプトを入れています。
• 個別記事ページ（URLに「entry」を含むかパターンマッチで判別）場合に、新しい記事のURLに転送（リダイレクト）させます
• スクリプトは、<!-- more --> よりも後に書いて、記事一覧ページではスクリプトが読み込まれないようにします

<p>この記事は移転しました。</p>
  <!-- more -->
<p>自動的に新記事へ移動します。<br />
 移動しない場合は<a href="http://☆☆☆☆☆☆">http://☆☆☆☆☆☆</a>をクリックしてください。</p>

<script>
// 追加するmetaタグ作成
    var newMeta = document.createElement("meta");
    newMeta.setAttribute("name","robots");
    newMeta.setAttribute("content","noindex");
    // 作成したmetaタグをhead要素内末尾に追加
    document.getElementsByTagName("head")[0].appendChild(newMeta);

// 古い記事のURL（転送元）
  var href = window.location.href;
  // 記事ページのURL取得
  var re = new RegExp(".*entry.*");
  if (re.test(href)) {
    // 新しい記事のURL（転送先）
    var url = "http://☆☆☆☆☆☆";
    // ゼロ秒後にリダイレクト
    setTimeout("redirect()", 0);
    function redirect(){
      location.href = url;
    }
  }
</script>