ズボラ応援ブログ始めました

URL変更時に!Javascriptで特定のページのみリダイレクトする

f:id:niketcha:20190906194809p:plain

先日、一部の記事のみ別のサイトへ移行しました。

本来ならば301リダイレクトを設定し、検索エンジンにブログの移転を知らせなければなりません。しかしはてなブログではWordPressのようにhtaccessを設定することもできません。

そこで、Javascriptを使って特定の記事のみリダイレクトする方法を試しました。

JavascriptでのリダイレクトはSEO的にOK?

Googleで推奨されているのは恒久的な移転を意味する301リダイレクトです。

ですが301リダイレクトが設定できないケースを考慮し、GooglebotはJavascriptを理解するようになっています。

301リダイレクトが設定できない場合の代替策として、Javascriptでのリダイレクトは使ってもOKということです。
Javascriptが動作しない環境のユーザーを逃してしまう可能性があるので、htaccessを使える環境の場合はそちらを利用してください。


Javascriptの記載方法

この方法は、特定のページのみをリダイレクトする方法です。

次のJavascriptを修正し、はてなブログの場合はデザインカスタマイズのヘッダのタイトル下へ貼り付けてください。

<script>
<!--
var items = ['AAA', 'BBB', 'CCC'];
var pathname= location.pathname;
var result = items.indexOf( pathname );
if(result > -1) {
var url = 'https://blog.niketcha.com' + pathname;
window.location.href = url;
}
-->
</script>

Javascriptの説明と修正方法

まずはリダイレクト対象のページを配列itemsに格納します。URLのパスの部分(”https://example.com/AAA/”の”/AAA/”の部分)を設定してください。

var pathname= location.pathname;では現在のページのパスを取得しています。

pathnameとitemsを比較し、含まれない場合は-1が返ってきます。含まれる場合はインデックスが返ってきます(-1より大きい)ので、window.location.hrefでリダイレクトします。

var url = ‘https://blog.niketcha.com’の部分はリダイレクト先のURLに書き換えてください。

コメント

タイトルとURLをコピーしました