最近、私たちの読者の一人が尋ねました：WordPressのrel =” noopener”とは何ですか？ 新しいウィンドウでリンクを開くことを選択した場合、WordPressはこの属性をリンクに追加します。 この記事では、WordPressのrel =” noopener”とは何か、そしてそれがWebサイトにどのように影響するかを説明します。
WordPressのrel=``noopener``とは？
rel=”noopener “は、新しいブラウザのタブで開くように選択されたすべてのWordPressのリンクに付加されるHTML属性です。また、rel=”noreferrer” 属性も付随しています。この機能は、悪意のあるウェブサイトによって悪用される可能性のあるセキュリティ上の脆弱性に対処するために、WordPressに導入されました。
新しいタブが参照元ウィンドウの制御を取得できるようにするJavaScriptの機能がいくつかあります。悪意のあるコードの影響を受ける外部のウェブサイトにリンクした場合、そのウェブサイトはwindow.opener JavaScriptプロパティを使用して元のページ（あなたのウェブサイト）を変更し、情報を盗んだり悪意のあるコードを拡散させたりすることができるのです。
rel=”noopener “を追加することで、新しいタブがこのJavaScriptの機能を利用するのを防ぐことができます。同様に、rel=”noreferrer” 属性は、新しいタブにリファラー情報を渡さないようにします。
WordPressは常に先手を打って、ウェブサイトのセキュリティに貢献しています。リンクを追加して「新しいタブで開く」を選択すると、WordPress はリンクコードに rel=”noopener” と rel=”noreferrer” を追加します。
WordPressが生成するHTMLコードは、以下のようになります。
<a href="https://example.com" target="_blank" rel="noreferrer noopener" aria-label="This is an external link (opens in a new tab)">demo link</a>
rel=``noopener``はWordPressのSEOにどのような影響を与えるのか？
rel=”noopener “属性はWordPressのセキュリティを向上させるにもかかわらず、WordPressのSEOに影響を与えると考え、その使用を避けたいと考えるユーザーが何人もいます。
それは単なる俗説です。
WordPress サイトの SEO ランキングや WordPress 全体のパフォーマンスに影響を与えることはありません。
noopenerとnofollowの違いは何ですか？
rel=”noopener “とrel=”nofollow “を混同しがちです。両者は完全に別物です。
noopener属性は、あなたのウェブサイトをクロスサイトハッキングから守り、WordPressのセキュリティを向上させます。
一方、nofollow属性は、あなたのウェブサイトがリンク先のウェブサイトにSEOのリンクジュースを渡すのを防ぎます。
検索エンジンは、あなたのウェブサイト上のリンクをたどるときに、nofollow属性を探し、考慮します。しかし、noopenerタグは考慮されません。
WordPressのデフォルトでは、外部リンクにnofollowを追加することはできません。WordPressでnofollowを追加したい場合は、プラグインを使用する必要があります。詳しくは、WordPressでリンクにtitleとnofollowを追加する方法の記事をご覧ください。
rel=``noreferrer``はWordPressのアフィリエイトリンクに影響を与えるか？
rel=”noreferrer “は、WordPressのアフィリエイトリンクには影響しません。rel=”noreferrer “は新しいタブに参照元情報を渡さないため、影響があると考えるユーザーもいます。
しかし、ほとんどのアフィリエイトプログラムは、あなたのアフィリエイトIDを持つユニークなURLを提供します。これは、あなたのアフィリエイトIDは、他のウェブサイトが追跡するためのURLパラメータとして一緒に渡されることを意味します。
第二に、ほとんどのアフィリエイトマーケティング担当者は、アフィリエイトリンクにリンククローキングプラグインを使用しています。
リンククローキングでは、ユーザーがクリックするアフィリエイトリンクは、実際にはあなたのウェブサイト自身のURLであり、ユーザーは目的のURLにリダイレクトされます。
WordPressでrel=``noopener``を無効にする方法とは？
Webサイト上のリンクからrel=”noopener “を削除する必要はありません。ウェブサイトのセキュリティにも良いし、パフォーマンスやSEOにも影響はありません。
しかし、どうしても削除したい場合は、WordPressのGutenbergブロックエディタを無効にして、古いクラシックエディタを使用する必要があります。その後、テーマのfunctions.phpファイルまたはサイト固有のプラグインに以下のコードを追加する必要があります。
add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}注意：rel=”noopener “を削除することはお勧めしません。そうする正当な理由がないのです。
この記事でWordPressのrel=”noopener “について知っていただけたでしょうか？また、WordPressで外部リンクを追跡する方法についてのガイドもご覧ください。