Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML rel=noopener 속성 사용 방법(보안에 중요)

rel="noopener" 속성은 외부 링크 보안에 직접적인 영향을 미치기 때문에 알아야 할 가장 중요한 HTML 속성 중 하나입니다. target="_blank"를 사용하는 앵커 링크에서 속성.

target="_blank" 새 브라우저 탭에서 링크를 엽니다.

다음은 rel="noopener"가 있는 링크의 예입니다. 속성:

<a href="https://www.youtube.com" rel="noopener" target="_blank"
  >Link to youtube.com</a
>

rel="noopener" 작동 방식

rel="noopener"를 추가할 때 웹사이트의 외부 링크(target="_blank 포함) ), 링크하는 웹사이트가 내 페이지에 액세스하는 것을 방지합니다. 창 개체를 통해(window.opener를 통해 속성).

번역: 참조하는 페이지에 악성 코드가 포함되어 있으면 백도어(window.opener ) 웹사이트로 이동하여 사용자의 브라우저를 가로채고, 예를 들어 정보를 도용하거나 컴퓨터에 멀웨어를 설치하는 위험한 피싱 웹사이트로 리디렉션합니다.

이것이 WordPress가 자동으로 rel="noopener"를 추가하는 이유입니다. 새 브라우저 탭에서 열리는 모든 외부 링크의 속성(target="_blank" 사용) 속성) — 보안상의 이유입니다.

웹사이트를 사용하면 단점보다 장점이 더 많기 때문에 어떤 종류의 웹사이트를 사용하든 동일한 작업을 수행하는 것이 좋습니다.

rel="noopener" 및 SEO

좋은 소식입니다. rel="noopener" SEO에 영향을 미치지 않습니다.

noopener 사용의 단점

내가 아는 유일한 단점은 rel="noopener" Internet Explorer 11을 지원하지 않습니다.

저는 다음과 같은 이유로 크게 걱정하지 않습니다.

  1. IE11은 곧 역사가 됩니다(Microsoft는 버리고 있음).
  2. 사이트 방문자가 IE11을 사용하는 경우에도 링크를 클릭할 수 있습니다. rel="noopener" 속성은 적용되지 않습니다.

또한 책임 있는 웹사이트 소유자로서 어쨌든 외부적으로 연결하는 사람에 대해 주의해야 합니다. 신뢰할 수 없는 웹사이트를 사용자에게 소개하지 마세요. 이 보안 문제는 거의 존재하지 않게 됩니다.

대안 1:"noreferrer" 사용

Internet Explorer 사용자가 걱정된다면 noreferrer를 추가하세요. 다음과 같이 앵커 링크에 대한 속성 값(지원됨):

<a href="https://www.youtube.com" rel="noopener noreferrer" target="_blank"
  >Link to youtube.com</a
>

"noreferrer" 속성은 HTTP 헤더에서 추천 정보를 제거하여 추천자(귀하)가 대상 웹사이트(귀하가 링크한)로 정보를 보내는 것을 방지합니다.

rel="noreferrer" 귀하가 링크하는 웹사이트는 귀하가 해당 웹사이트에 링크한 사실을 알지 못하기 때문에 웹사이트 분석에 영향을 미치며, 이는 귀하가 웹사이트와 맺을 수 있는 특정 비즈니스 계약을 손상시킬 수 있습니다.

따라서 귀하의 재량에 따라 이 작업을 수행하십시오.

rel="noreferrer" 및 SEO

많은 사람들이 생각하는 것과는 달리 rel="noreferrer" SEO에 직접적인 영향을 미치지는 않지만 최소한 이에 대한 증거는 없습니다. 그러나 위에서 언급했듯이 데이터 수집/분석을 방해하여 특정 상황에 따라 다른/간접적인 방식으로 피해를 줄 수 있습니다.

noreferrer를 혼동하지 마십시오. 또는 noopener nofollow 사용 속성(100% SEO에 영향을 줌).

대안 2:target="_blank"를 사용하지 않음

target="_blank" 사용을 중지할 수도 있습니다. 앵커 링크에 속성을 추가하면 이에 대해 걱정할 필요가 없습니다.

target="_blank" 없이 귀하의 웹사이트에 있는 모든 링크는 사용자가 클릭하는 즉시 귀하의 웹사이트에서 귀하가 링크한 웹사이트로 사용자를 이동시킵니다.

그러나 target="_blank"를 사용하지 않으면 SEO, 특히 이탈률에 부정적인 영향을 미칠 수 있고 또 그렇게 될 것입니다.

내 생각에 이것은 사용자가 참조하는 웹사이트의 무언가에 주의가 산만해져 결국 귀하의 사이트를 잊어버릴 수 있는 튜토리얼 내에서 수행하는 것은 특히 좋지 않은 생각입니다.

독자가 귀하의 콘텐츠에 대해 잊게 만드는 데 외부 링크만 필요하다면 처음부터 그렇게 좋지 않을 수 있다고 주장할 수 있습니다. 이것은 사실일 수도 있지만 일반적으로 사람들이 쉽게 주의를 산만하게 하고 종종 자신에게 이익이 되지 않는 경우도 있습니다.

이것은 흑백논리의 주제가 아니며 대안적 관점에 열려 있습니다.

자원

외부 링크의 보안 문제에 대해 자세히 알아보기