https://poyaran.com/entry/210522-external-link

はてなブログでは、通常のリンクをクリックすると同じタブでページが開きます。

そのため外部サイトのリンクを開いたときに、元の記事へ戻りにくく感じることがあります。

そこでおすすめなのが、「外部リンクだけを別タブで開く設定」です。

この設定をしておくと、読者が元の記事に戻りやすくなり、ブログ全体の読みやすさも向上します。

設定はとても簡単で、コードをコピペするだけで完了します。

これだけで設定できるので、ぜひ試してみてね。

外部リンクを別タブで開く設定をしておこう

はてなブログでは、通常のリンクをクリックすると同じタブでページが開きます。

そのため外部サイトのリンクを開くと、元の記事に戻りにくくなってしまうことがあります。

外部リンクだけ別タブで開くようにしておくと、読者さんが元の記事に戻りやすくなりますよ。

この設定は一度やっておけば、すべての外部リンクに自動で反映されます。
とても簡単なので、ブログを始めたら早めに設定しておきましょう。

外部リンクを別タブで開くメリット

読者が元の記事に戻りやすくなる
記事の回遊性がよくなる
離脱を防ぎやすくなる

ちょっとした設定ですが、読者の使いやすさが大きく変わります。

外部リンクだけを別タブで開く設定手順

やり方はとても簡単です。
以下のコードを、ブログのheadに貼り付けるだけで設定できます。

① コードをコピーする

以下のコードをコピーしてください。

<script>
document.addEventListener("DOMContentLoaded", function() {
  var links = document.querySelectorAll("a[href^='http']");
  for (var i = 0; i < links.length; i++) {
    if (!links[i].href.includes(location.hostname)) {
      links[i].setAttribute("target", "_blank");
      links[i].setAttribute("rel", "noopener noreferrer");
    }
  }
});
</script>