“nofollow noopener”와“nofollow”의 차이점은 무엇입니까?


14

WordPress 플러그인 Ultimate Nofollow 를 사용하여 쉽게 링크를 만들 수 있습니다 nofollow.

그래서 플러그인이 추가 될 것으로 기대했습니다 rel="nofollow". 그러나 그것은 추가rel="nofollow noopener"

사이에 차이가 rel="nofollow"대는 rel="nofollow noopener"?


1
크롬은 탭을 사용하여 탭에 대한 새로운 프로세스를 만들도록 지시하고 일부 자바 스크립트 트릭에 의해 해킹당하는 취약점이 적습니다. "noreferrer" "noopener" "nofollow"를 모두 추가 할 수 있어도 좋습니다.
Deepak Mathur

답변:


11

nofollow 반드시 추천하지 않는 웹 페이지와 같은 개별 외부 링크 또는 봇이 회원 로그인 페이지와 같이 액세스하거나 색인을 생성하지 못하게하려는 내부 링크를 세부적으로 제어 할 수 있습니다.

noopener새 창에서 컨텐츠에 액세스 할 때 웹 페이지 성능 및 보안을 세밀하게 제어 할 수있는 또 다른 속성으로, noopener지시문은 window.opener에 대한 액세스를 차단합니다.

여기에서 Google 설명 을 읽고 웹 페이지가 더 안전하게 유지되는 데 도움이되는 이유를 여기 에서 읽으십시오 .

SEO 측면에서 실제로 중요한 것은을 사용하는 nofollow대신 을 사용하는 방법 noopener입니다. noopener브라우저가 악성 스크립트를 실행하지 못하도록 막는 것입니다.


4

rel="noopener" 링크를 클릭하여 새 창을 만들 때 새 창에서 실행되는 악성 자바 스크립트 코드가 window.opener 속성을 통해 이전 창에 액세스하지 못하도록합니다.

rel=noreferrer사용자가 하이퍼 링크를 클릭하여 새 위치로 전송할 때 참조 링크 정보가 대상 링크로 유출되지 않도록 사용됩니다. 즉, 대상이 해당 사용자가 어디에서 왔는지 알 수 없습니다.

당신은 모두에 대한 자세한 정보를 찾을 수 있습니다 여기에 리퍼러에 대해 더 여기


3

noopener링크 관계가와는 아무 상관이없는 nofollow링크 관계를.

구글 은 말한다 :-

target = "_ blank"를 사용하여 페이지가 다른 페이지에 연결되면 새 페이지는 페이지와 동일한 프로세스에서 실행됩니다. 새 페이지에서 고가의 JavaScript를 실행하는 경우 페이지 성능도 저하 될 수 있습니다. 자세한 내용은 rel = noopener의 성능 이점을 참조하십시오.

또한 target = "_ blank"도 보안 취약점입니다. 새 페이지는 window.opener를 통해 창 개체에 액세스 할 수 있으며 window.opener.location = newURL을 사용하여 다른 URL로 페이지를 탐색 할 수 있습니다. 취약점에 대한 데모 및 설명은 rel = noopener 정보를 참조하십시오.

rel = "noopener"속성을 추가하면 새 페이지가 window.opener 속성에 액세스 할 수 없으며 별도의 프로세스에서 실행됩니다. rel = "noreferrer"속성은 동일한 효과를 가지지 만 Referer 헤더가 새 페이지로 전송되지 않도록합니다. 이 동작에 대한 설명은 HTML 표준 : 링크 유형 "noreferrer"를 참조하십시오.

그리고 당신은 이미 아마 것을 알고 nofollow링크 관계 단지에 지시 에 순종 링크를 따라하지 검색 엔진 크롤러 (-하지만 거기에 연속적 링크 주스를 통과 다른 혜택 ).

nofollow내부 연결에 권장되지 않는 플러그인을 사용하는 것이 무엇인지 아는 것이 흥미로울 것입니다 . 많은 사용자 생성 콘텐츠를 게시하지 않는 한 " vouch for "는 nofollow링크 관계가 주로 사용되는 것입니다 ...

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.