かつて、クライアントのサイト訪問者が外部リンクをクリックすると、怪しいウェブサイトにリダイレクトされるという問題がありました。原因は、重大なセキュリティホールを作り出した、わずかなコードの欠落でした。
恐ろしい考えですが、この脆弱性はどのWordPressサイトにも影響を与える可能性があります。rel="noopener"のような専門用語は混乱を招き、あなたのウェブサイトが訪問者にとって本当に安全なのか心配になるかもしれません。
ここWPBeginnerでは、何千ものサイトを保護してきました。そして、これらの小さな詳細が大きな違いを生むことを学びました。ここでは、rel="noopener"とは何かを簡単な言葉で説明し、なぜそれが非常に重要なのかを説明します。
この小さな属性があなたとあなたのユーザーをどのように保護するかを見てみましょう。
WordPressにおけるrel=”noopener”とは？
WordPressウェブサイトにリンクを追加する場合、HTML属性を使用して、リンクをクリックしたときに何が起こるかを制御できます。
例えば、リンクを作成する際に、新しいタブで開くことができるトグルスイッチがあります。
このリンクに対してWordPressが生成するHTMLコードは次のようになります。
<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>
一部のHTML属性がリンクに追加されていることに注意してください：rel="noopener" および rel="noreferrer"。これらの属性は、セキュリティ上の脆弱性に対処するために追加されます。
リンクを新しいタブで開くために target="_blank" を使用すると、デフォルトでは舞台裏で予期しないことが起こる可能性があります。新しいタブは、実際にはあなたがいた元のタブへの一種の接続を受け取ります。
この接続は、ウェブブラウザのwindow.openerと呼ばれるものを通じて行われます。新しいタブのページは、元のタブの特定のプロパティにアクセスしたり、制御したりできます。例えば、ページの住所を変更したり（window.opener.location）できます。
これはセキュリティ上の脆弱性を生み出します。
信頼できるウェブサイトのリンクをクリックしたところ、新しいタブで悪意のあるページが開かれたと想像してみてください。この window.opener 接続により、その悪意のあるページは、あなたがちょうど見ていた元の信頼できるページを偽のログインページ（フィッシング詐欺）に変更し、元のタブに戻ったときにあなたを騙す可能性があります。
noopener リンク属性は、この特定のセキュリティリスクを防ぐように設計されています。
新しいタブで開くリンクに rel="noopener" を追加すると、ブラウザは2つのタブ間にwindow.opener 接続を作成しないように指示されます。これにより、ユーザーは詐欺やフィッシング詐欺から保護されます。
rel=”noopener” は WordPress の SEO にどのように影響しますか？
影響しません。
rel="noopener"属性はWordPressサイトのセキュリティを向上させますが、一部のユーザーはWordPress SEOに影響を与えると考えて使用を避けています。
しかし、それは単なる神話です。
あなたのサイトのSEOランキングや、全体的なWordPressパフォーマンスに影響はありません。
「noopener」と「nofollow」の違いは何ですか？
rel="noopener" と rel="nofollow" を混同しやすいですが、これらは完全に別の属性です。
noopener属性は、ウェブサイトのクロスサイトハッキングを防ぎ、WordPressのセキュリティを向上させます。
一方、nofollow 属性は、ウェブサイトからリンク先のウェブサイトへの SEO リンクジュースの受け渡しを防ぎます。
検索エンジンは、ウェブサイト上のリンクをたどる際に nofollow 属性を探し、考慮します。しかし、noopener タグは一切考慮しません。
nofollow属性は、検索エンジンにリンク先のウェブサイトにSEO権威を渡さないように指示します。WordPressのブロックエディタにはnofollowをリンクに追加するための組み込みトグルがありますが、より高度な制御にはプラグインが必要になることがよくあります。
例えば、サイト上のすべての外部リンクに自動的にnofollowタグを適用したい場合、SEOプラグインが不可欠になります。
詳細については、WordPressでリンクにタイトルとnofollowを追加する方法に関する記事をご覧ください。
rel=”noreferrer”はWordPressのアフィリエイトリンクに影響しますか？
rel="noreferrer"はWordPressのアフィリエイトリンクに影響しません。rel="noreferrer"はリファラー情報を新しいタブに渡さないため、影響すると信じているユーザーもいます。
ただし、ほとんどのアフィリエイトプログラムは、アフィリエイトIDが含まれたユニークなURLを提供します。これは、アフィリエイトIDがURLパラメータとして渡され、他のウェブサイトが追跡できるようにするためです。
第二に、ほとんどのアフィリエイトマーケターは、アフィリエイトリンクに リンククローキングプラグインを使用しています。
リンククローキングでは、ユーザーがクリックするアフィリエイトリンクは実際にはあなたのウェブサイト自身のURLであり、そこからユーザーは宛先URLにリダイレクトされます。
WordPressでrel=”noopener”を無効にする方法
ウェブサイトのリンクからrel="noopener"を削除する必要はありません。これはウェブサイトのセキュリティに役立ち、パフォーマンスやSEOに影響を与えることはありません。
ただし、どうしても削除する必要がある場合は、WordPress で Gutenberg ブロックエディターを無効にし、クラシックエディターを使用する必要があります。
rel="noopener" を手動でリンクから削除すると、ウェブサイトを安全に保つためにブロックエディターが自動的に追加するためです。
ブロックエディターが無効になったら、テーマのfunctions.phpファイルまたはWPCodeプラグイン（推奨）にコードスニペットを追加する必要があります。WPCode Free Pluginの使用方法については、WordPressにカスタムコードを簡単に挿入する方法の記事をご覧ください。
次のコードを新しい PHP スニペットにコピーするだけです。
add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}
「アクティブ」トグルをオンにし、「スニペットを保存」ボタンをクリックしてください。
これにより、WordPressが新しいリンクにrel="noopener"を追加するのを停止します。古いリンクを手動で編集して属性を削除する必要もあります。
リンクの属性をさらに細かく制御するには、All in One SEO (AIOSEO)プラグインの使用をお勧めします。AIOSEOを使用すると、WordPressエディタ内でnofollowやsponsoredなどの属性を簡単に追加でき、SEOのベストプラクティスのために外部リンクを管理するのに役立ちます。
rel=”noopener”に関するよくある質問
WordPressの「noopener」属性について、よく寄せられる質問とその回答を以下に示します。
1. rel=”noopener” を使用する主な目的は何ですか？
rel="noopener" の主な目的はセキュリティです。これにより、新しいタブで開かれた元のタブを制御できなくなり、訪問者を悪意のあるフィッシング詐欺から保護します。
2. rel=”noopener” は SEO に良いですか？
rel="noopener" 属性は、ウェブサイトの SEO に直接的な影響（肯定的または否定的）を与えません。その機能は純粋にセキュリティのためであり、検索エンジンはそれをランキング要因として使用しません。
3. リンクから rel=”noopener” を削除すべきですか？
いいえ、rel="noopener" を削除する正当な理由はありません。SEO やサイトのパフォーマンスに悪影響を与えることなく、重要なセキュリティ上のメリットを提供するため、そのままにしておくのが最善です。
4. WordPress は rel=”noopener” を自動的に追加しますか？
はい、WordPress は新しいタブで開くように設定されたリンクに自動的に rel="noopener" を追加します。この重要なセキュリティ機能は、WordPress 4.7.4 で初めて導入され、最新のブロックエディターの標準機能となっています。
WordPressでリンクを使用するためのエキスパートガイド
この記事で WordPress の rel="noopener" について学んでいただけたことを願っています。WordPress でリンクを使用することに関するその他のガイドも参照してください。
- WordPressでリンクを追加する方法：初心者ガイド
- WordPressで外部リンクを新しいウィンドウまたはタブで開く方法
- WordPressでノーフォローリンクを追加する方法（初心者向け簡単ガイド）
- WordPressでリンク挿入ポップアップにタイトルとNoFollowを追加する方法
- WordPress ですべての外部リンクに Nofollow を設定する方法
- WordPress でリンククリックとボタンクリックを追跡する方法（簡単な方法）
- WordPressで外部リンクを追跡する方法
- WordPressでリンクの色を変更する方法（初心者向けガイド）
- SEOのための内部リンク：ベストプラクティスの究極ガイド
- WordPressでリンクをプリロードして読み込み速度を向上させる方法
- WordPressで壊れたリンクを見つけて修正する方法（ステップバイステップ）
- WordPress向けの最適な内部リンクプラグイン（自動＋手動）
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
デビッド・リム
基本に戻りましょう。SEO に影響しないとしても、知っておく価値はあると思います。
モイヌディン・ワヒード
これは私にとって非常に役立つガイドです。なぜなら、私は生徒たちにHTMLとCSSを教えてきましたが、これら2つの属性については話していなかったからです。ほとんどの教師は、新しいタブでリンクを開くための`target="_blank"`属性についてしか気にしません。
最も良い点は、WordPressでもこれらのすべてのオプションが利用できることです。
`noopener`はクロスサイトハッキングから保護するため、セキュリティ上の理由から良いです。
この詳細なチュートリアルに感謝します。
WPBeginnerサポート
Glad we could share this
管理者
Oleg Bibik
素晴らしい情報、ありがとうございます。noopenerとnofollowの違いがわかりました。
WPBeginnerサポート
Glad we could help clear that up
管理者
4月
noopener は WordPress のクラシックエディターでも存在します。
WPBeginnerサポート
はい、WordPressのデフォルトエディタであるブロックエディタを扱っています。
管理者
マリア
内部リンクに「noopener & Noreferrer」を使用しても大丈夫ですか？
WPBeginnerサポート
通常、内部リンクにそれらを追加する必要はありませんが、必要であれば追加できます。
管理者
Navneet Kumar
rel=”noopener no referrer”は外部ウェブサイトにdofollowバックリンクを提供すると言えますか？
この属性を受け取った場合、dofollowバックリンクを受け取ったことになりますか、それともnofollowバックリンクですか？
事前に感謝いたします
WPBeginnerサポート
これらの属性は、リンクがdofollowかnofollowかに影響しません。それはリンクがnofollow であるかどうかに基づいて決定されます。
管理者
Nadya
rel=”noopener noreferrer nofollow”をどの位置で使用しても大丈夫ですか？
のような
rel=”nofollow noopener noreferrer”
rel=”noreferrer nofollow noopener”
WPBeginnerサポート
You shouldn’t need to worry about the order
管理者
Ryan
記事をありがとうございます。
web.dev で自分のウェブサイトを確認したところ、noopener と noreferrer が何なのか混乱しました。
target=”_blank”のすべてのリンクにそれらを追加した後、私のベストプラクティスのスコアは80未満から86に上がりました。
ありがとうございます。
WPBeginnerサポート
Glad our guide could help, don’t forget that sites with scores like that are mainly suggestions
管理者
Jill
Hello,
WordPressで使用されるカスタムテンプレートについてはどうですか？カスタム投稿テンプレートのリンクにrel=”noopener”を使用すべきですか？特に内部リンクの場合？
WPBeginnerサポート
投稿やカスタム投稿タイプのテンプレートへのリンクでnoopenerを気にする必要はありません。
管理者
Graham
これはAnalyticsに影響しますか？はい、それともいいえ？
WPBeginnerサポート
noreferrer は、Google Analytics がリンク元のサイトを追跡するのを防ぎます。
管理者
ローリー
noopenerは使用できますが、noreferrerは削除できますか？分析がめちゃくちゃになって困っています。参照トラフィックが見えないだけでなく、参照トラフィックがホームページへの直接トラフィックとして表示されるようになったため、どの投稿が長期間にわたってうまく機能したかを確認することもできません。noopenerが重要なタグである場合、なぜnoreferrerがそれと一緒に含まれているのですか？これを回避する方法があるはずです。
WPBeginnerサポート
特に指示がない限り、それを設定するための特定の組み込みメソッドはありませんが、リンクから削除したい場合はプラグインが利用可能です。
管理者
ゾル
WPbeginnerサポート様、O/
私は自分のウェブサイトでアフィリエイトリンクをクロークするためにプラグインを使用しておらず、HTMLエディタでアフィリエイトリンクに手動でrel="nofollow"を追加しています。
私の質問は…これはSEOに良いプラクティスですか？
クローキングすべきですか？
Thanks in advanced for your reply..
WPBeginnerサポート
Zolさん、こんにちは。
URLをクローキングすることは良い習慣です。これにより、リンクをより効果的に管理し、アフィリエイトトラフィックを追跡し、URLを人間と機械の両方にとってより理解しやすいものにすることができます。
管理者
シャム・マハンタ
私のWordPressにはSSL証明書（ホスティング会社からの自動SSL）がありますが、URLにセキュアロックアイコンが表示されないのはなぜですか？HTTPSで開きますが、接続が安全ではないと表示されます。ご協力いただけると幸いです。
WPBeginnerサポート
Shyamさん、こんにちは。
WordPressで一般的なSSLの問題を修正する方法（初心者向けガイド）に関するガイドをご覧ください。
管理者
Seleno
こんにちは
アフィリエイトサイトを運営していますが、WordPressがnoopenerを追加してから収益が落ち込みました、
しかし、これが原因で起こるかどうか確信が持てませんでした
ということは、noopenerはアフィリエイトリンクに全く影響しないということですか？
いつも削除しています
SEOや内部リンクには影響しませんか？
ありがとうございます
WPBeginnerサポート
Selenoさん、こんにちは。
アフィリエイトリンクには影響せず、SEOにも影響しません。
管理者