クロスオリジンのリンク先へのリンクは安全ではありません
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
target="_blank"
属性を使用して別のサイトのページにリンクすると、
パフォーマンスやセキュリティの問題にさらされる可能性があります。
- 他のページは、ニュース メディアのページと同じプロセスで実行される場合があります。
他のページで JavaScript が多用されている場合は
ページのパフォーマンスが
低下する可能性があります
- もう一方のページは、
window.opener
プロパティを使用して window
オブジェクトにアクセスできます。
これにより、他のページから悪意のある URL にページがリダイレクトされる可能性があります。
rel="noopener"
または rel="noreferrer"
を追加する
を target="_blank"
リンクに追加すると、これらの問題を回避できます。
Lighthouse のクロスオリジン デスティネーション監査が失敗する仕組み
Lighthouse では、クロスオリジンのリンク先への安全でないリンクが報告されます。
Lighthouse では、以下の処理によってリンクが安全でないものとして識別されます。
target="_blank"
属性を含む <a>
タグをすべて収集する
rel="noopener"
属性や rel="noreferrer"
属性には対応していません。
- 同一ホストのリンクを除外します。
Lighthouse では同一ホストのリンクが除外されるため、
大規模なサイトの場合は、次のような特殊なケースに注意してください。
あるページに、rel="noopener"
を使用せずにサイトの別のページへの target="_blank"
リンクが含まれている場合、
この監査によるパフォーマンスへの影響は変わりません。
ただし、これらのリンクは Lighthouse の検索結果には表示されません。
rel="noopener"
または rel="noreferrer"
を追加
Lighthouse レポートで特定された各リンクに
リンクできます
一般に、target="_blank"
を使用すると、常に
rel="noopener"
または rel="noreferrer"
を追加します。
<a href="https://examplepetstore.com" target="_blank" rel="noopener">
Example Pet Store
</a>
rel="noopener"
は新しいページを行えません
window.opener
プロパティにアクセスして、
独立したプロセスで実行されるようにします。
rel="noreferrer"
でも同じ効果があります
Referer
ヘッダーは読み取られません。
新しいページに送られないようにします
リンクタイプ「noreferrer」をご覧ください。
クロスオリジン リソースを安全に共有するをご覧ください。
投稿してください。
リソース
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2019-05-02 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{"lastModified": "\u6700\u7d42\u66f4\u65b0\u65e5 2019-05-02 UTC\u3002"}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2019-05-02 UTC。"],[],[]]