Noopener noreferrer は、外部リンクに追加されるHTML属性です。ほとんどのCMSは、明示的に追加しなくても自動的に含めます。
属性 noopener は、新しいブラウザータブが元のタブのウィンドウオブジェクトにアクセスするのを防ぎます。
また、noreferrerはブラウザがHTTPリファラーヘッダーを送信するのを防ぎます。リファラー情報がないと、目的のウェブサイトはユーザーがどこから来たのかを知ることができません。
SEOにおける「noopener noreferrer」の意味とリンクビルディングについて理解しましょう。これらは役に立ちますか？使用すべきですか？そして、その利点と欠点は何でしょうか？
rel="noopener noreferrer" は何を意味しますか？
外部リンクが新しいタブで開く際には、rel=”noopener noreferrer” タグの組み合わせが追加されます。これは target="_blank" と一緒に使用されます。
「noopener」を追加すると、新しいタブが元のタブを制御するのをブラウザに停止させることになります。これにより、悪意のあるサイトが参照元サイトのタブを乗っ取る「reverse tabnabbing」を防ぐことができます。
一方で、「noreferrer」は、参照データ（URLなど）が目的のページに渡されないことを保証します。また、noreferrerはリファラートラッキングを停止するので、分析ツールや提携サイトに誰がトラフィックを送ったかを見られたくない場合に役立つかもしれません。
リンクを新しいタブで開くときは、トラッキングやパートナーシップのためにリファラーデータが必要な場合を除いて、両方の属性を使用するべきです。
Noopener Noreferrerの例
あなたがブログを運営していて、マーケティングトレンドに関するサードパーティの記事にリンクしていると想像してください。
リンクを新しいタブで開くことで、読者があなたのサイトに留まるようにしたい。
こちらがHTMLの見た目です:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">マーケティングトレンドの詳細を読む</a>
このコードでは：
Target="_blank" はリンクを新しいブラウザタブで開きます。
Noopenerはブラウザに対して: “その新しいタブがこのタブを制御したりアクセスしたりしないように。” と伝えます。
ノーレファラーは、宛先サイトにあなたのサイトのURLが渡されるのを防ぐことで、プライバシー層を追加します。
これらのタグはなぜ重要なのか？
リンクビルディングでは、2つのタグが最も重要です：[nofollow] と [dofollow]。
一部の人々は、nofollowを‘[noreferrer] ’または‘[noreferer] ’と同じであると仮定します。しかし、それらは同じではありません。
noopener norefererを使用しても、リンクエクイティに影響はありません。
SEOとリンクビルダーは、ドメインを外部からの攻撃から保護し、URLデータを正確に追跡するためにrel="noopener noreferrer"を使用します。
ほとんどのコンテンツ管理システム、例えば Wix、WordPress、Squarespace、Ghost、Webflow などは、すでにすべてのリンクに対してデフォルトで noopener タグを使用しています。
リンクを追加すると、デフォルトで target="_blank" 属性が追加されます。
この属性だけでは、noopenerと組み合わせない限り、セキュリティの脆弱性を引き起こします。宛先ページはソースウィンドウオブジェクトにアクセスでき、スクリプトを通じて操作が可能になります。
noopenerを適用することで、そのリスクは完全に排除されます。
ノープナー リファラは、ドメインの信頼性を保護し、ブラウザのパフォーマンスを向上させるために使用されます。これにより、リンクが正しく、より速く、セキュリティギャップなしで開かれるようになります。
rel="noopener noreferrer" の正しい実装は、検索エンジンのクロール能力を向上させ、リスクを軽減するクリーンなリンクプラクティスにつながり、より良いSEOキャンペーンの結果をもたらします。
[Noopener Noreferrer]を使用することの[長所]と[短所]
SEOとセキュリティの両方の観点から、noopener noreferrerの組み合わせはより強力なリンク実行をサポートします。
しかし、考慮すべき特定の「短所」があります。
以下は、noopener noreferrerを使用することの測定可能な利点と限界の内訳です。
外部リンクでnoopener noreferrerを使用することの利点は次のとおりです：
- [タブナビング]から[保護します]：リンクビルダーが[target="_blank"]を使用して新しいタブでリンクを開くと、リバース[タブナビング]と呼ばれるセキュリティの欠陥が生じます。これにより、[フィッシング攻撃]やドメインの評判を損なう不必要なリダイレクトが発生する可能性があります。[rel="noopener"]を追加することで、そのような攻撃からウェブサイトを守ることができます。これは、新しいタブが元のブラウザウィンドウにアクセスすることを防ぐためです。
- [ブラウザ]の[パフォーマンス]を[改善]: [セキュリティ]を[強化]するだけでなく、rel="noopener"は実際に[ブラウザ]の[パフォーマンス]を[向上]させることができます。これがないと、新しいタブはwindow.openerプロパティを通じて元のタブと接続されたままになります。その接続は不要にメモリや[ブラウザ]のリソースを使用します。noopenerを使用することで、そのリンクを削除し、よりクリーンなリソース処理が可能になります。
- リファラーデータに関するより多くのコントロールを提供: rel="noreferrer"を使用することで、SEOやリンクビルダーはリファラーデータを目的のページに渡すかどうかをコントロールできます。競合他社やセンシティブなページにリンクしている場合、あなたのサイトがトラフィックを送ったことを隠すことが戦略的かもしれません。一方で、アフィリエイトマーケティングやパートナーシップでリファラーのトラフィックを証明する必要がある場合は、noreferrerを使用すべきではありません。
- SEOに悪影響を与えない：「ウェブサイト所有者は混乱し、noopenerがnofollowと同じであると仮定します。しかし、noopenerもnorefferもリンクジュースの流れには影響を与えません。それらは純粋にブラウザの挙動とプライバシーのためのものです。リンクビルダーは、それらを安全に使用してバックリンク戦略を危険にさらしたり、高権威の外部リンクからの価値を失ったりすることなく使用できます。」
こちらは外部リンクでnoopener norefererを使用する際の欠点です：
- noreferrerでリファラーデータを失う: rel="noreferrer"を使用すると、訪問者がどこから来たのかを目的のウェブサイトに見せないようにします。これはプライバシーにとって有用ですが、トラッキングが重要な場合には理想的ではありません。例えば、アフィリエイトマーケティング担当者、ブランドパートナー、または分析チームは、報告、支払い、または最適化のためにそのリファラー情報を必要とすることがよくあります。noreferrerを使用して隠している場合、帰属情報や収益を逃す可能性があります。
- [いくつかの]分析ツールとの互換性の問題: 一部の古いまたはカスタム分析システムは、訪問者の動きを追跡するためにRefererヘッダーを使用しています。noreferrerが適用されると、URLトラッキングツールは実際のソースを示す代わりにトラフィックを「[直接]」として表示するかもしれません。そのため、レポートが不正確になり、SEO担当者やウェブサイト所有者はトラフィックが実際にどこから来ているのかを知らないかもしれません。
- テンプレートの複雑化を招く可能性があります: 複雑なCMS設定を持つ大規模なウェブサイトでは、すべての外部リンクに対してnoopener noreferrerタグを管理することは時間がかかる場合があります。追加のスクリプト作成やプラグイン設定、または手動での作業が必要になることがあります。一貫して処理されないと、安全なリンクと安全でないリンクが混在する原因となり、長期的なメンテナンスには理想的ではありません。
リンクビルダーのための"ベストプラクティス"
リンク構築でnoopener noreferrerを使用する際は、次のベストプラクティスに従ってください:
target="_blank"を使用する際はrel="noopener"を使用する
リンクを新しいタブで開く際には、target="_blank" と共に rel="noopener" を使用する必要があります。これにより、リンクされたページから window.opener へのアクセスが防止され、[tabnabbing] リスクが排除されます。
また、SEOやPageRankに影響を与えることなく、安全な動作を保証します。これは、新しいタブで開くすべての外部リンクのデフォルトとして扱うべきです。
rel="noreferrer"を慎重に使用する
外部リンクにはrel="noreferrer"を含めて、リファラ情報が宛先URLに渡されるのを防ぐ必要があります。このタグは、プライバシーに敏感なシナリオやリファラ追跡を避ける必要がある場合にのみ追加するべきです。
リンクビルディングにおけるNoreferrerの過剰使用を避ける
分析の視認性を低下させ、アウトリーチキャンペーンにおけるバックリンクの価値を弱めるため、noreferrer の過度な使用を避けるようにしてください。
リファラーのヘッダーは、受信サイトがトラフィックの[ソース]とリンクの信頼性を認識するのに役立ちます。この属性を使用する際は注意し、すべてのバックリンクに対してデフォルトにしないでください。
必要に応じて、Nofollow、UGC、またはSponsoredと組み合わせる
信頼できないリンクやプロモーションリンクにはnofollowを使用し、ユーザー生成コンテンツ[UGC]にはUGCを、有料配置またはアフィリエイト参照にはsponsoredを使用します。
リンクを新しいタブで開くときは、セキュリティのためにnoopenerと組み合わせてください。コンプライアンスやプライバシーが要求される場合を除き、noreferrerとの組み合わせは避けてください。
よくある質問
rel="noreferrer"はSEOに悪影響を与えますか？
No. rel="noreferrer" はSEOに悪影響を与えません。Googleはnoreferrer付きのリンクをたどり、nofollowまたはsponsoredが存在しない限りPageRank（リンクエクイティ）を渡します。noreferrerタグはブラウザの動作に影響を与えますが、検索エンジンがページを評価またはランク付けする方法には影響を与えません。
リンクの権威性、インデックス化、アンカーテキストの関連性は完全に保持されます。唯一の欠点は[紹介データ]の損失です。
このタグを使用すると、[destination site] はトラフィックがどこから来たのかを確認できません。つまり、Google Analytics やアフィリエイトダッシュボードのようなプラットフォームでは、リファラー情報を見逃してしまいます。そのため、これはランキングではなくトラッキングに影響します。
内部リンクに対して"noopener"は必要ですか？
いいえ、rel="noopener"は内部リンクには必要ありません。自分のサイトへのコンテキストリンクを追加しても、外部リンクに関連する同じセキュリティリスクは生じません。
noopenerの主な機能は、逆タブナビングを防ぐことであり、このタイプの脅威は同じサイト内のリンクからではなく、第三者のドメインから発生します。
内部リンクは同じドメイン内の信頼された環境で機能するため、ブラウザのセキュリティプロトコルにより、同一オリジン間で危険な動作が既に制限されています。
これらのタグを手動で削除できますか？
はい、HTMLコードを直接編集することで、rel="noopener noreferrer"を削除できます。CMSを編集モードで開き、ハイパーリンクに移動してください。
さて、外部または内部リンクからnoopener norefererを削除します。あなたのCMSがデフォルトでこれらの値を追加している場合、テンプレートやプラグインを通じて自動挿入を上書きするには、開発者の助けが必要です。
noreferrer と nofollow の違いは何ですか？
リファラ情報はブラウザレベルの指示であり、参照元URL情報が宛先ページに渡るのを防ぎます。一方、nofollowはSEOに特化した指示であり、メインドメインからリンク先サイトへのリンクエクイティの流れを防ぎます。
主な違いは機能にあります: "noreferrer" はブラウザでの参照データの可視性に影響を与えるのに対し、"nofollow" は検索エンジンでのランキングシグナル転送に影響を与えます。
結論
新しいタブで開く外部ウェブサイトには、rel="noopener noreferrer"を使用する必要があります。同様に、リファラーデータを隠す場合はnoreferrerを適用する必要があります。
また、これらの属性を内部リンクに使用しないようにしてください。内部ナビゲーションは外部のセキュリティリスクを引き起こしたり、参照制御を必要としたりしないため、不必要な属性を追加すると利点を提供することなくコードが乱雑になります。
noopenerやnoreferrerはランキングに影響を与えないことを覚えておいてください。検索エンジンは引き続きリンクをたどり、リンクの価値を伝え、アンカーテキストを処理します。SEOの価値転送を制御するのはnofollowとsponsored属性のみです。
