ナオユネット | WordpressとWEBデザインの参考書

【SEO的にもOK】はてなブログでリダイレクト設定をする方法【JSリダイレクト】

イメージエリア

通常、Webサイトの引っ越しなどでhtaccessを利用した301リダイレクトを行いたいところですが、はてなブログのような無料ブログサービスではサーバー設定に触れることができません。

そこで今回は、Javascriptを用いたリダイレクト手法と、SEOへの影響について解説します。

Javascriptリダイレクトとは

HTMLのmetaタグによるリフレッシュではなく、Javascriptのwindow.location.hrefを使用することで、ユーザーを強制的に別ページへ転送します。

<script>
  window.location.href = 'https://new-domain.com/path/';
</script>

SEOへの影響について

Googleのクローラーは現在、Javascriptをレンダリングする能力を持っているため、適切に記述されたJSリダイレクトは、多くの場合301に近い扱いを受けることが期待できます。

実装の手順

  1. はてなブログの「設定」>「詳細設定」を開く。
  2. 「headに要素を追加」の欄に、上記のJavascriptコードを貼り付ける。
  3. 特定の記事のみでリダイレクトしたい場合は、各記事の編集画面から「記事のheadに要素を追加」へ記述してください。
キャプチャ代用エリア

注意点として、JSに依存する方法はアクセシビリティの観点から推奨される手法ではありませんが、無料ブログの制限下においては最も現実的な解決策となります。