noreferrer, noopener, nofollow는 HTML에서 사용되는 rel 속성이며,
a태그의 targe=_blank속성의 보안 취약점을 보완하기 위한 속성이다.
1. noreferrer
noreferre속성을 사용하면 링크를 클릭한 사용자의 웹 브라우저가 HTTP Referer 헤더를 전송하지 않는다.
(HTTP Referer 헤더는 현재 페이지가 어떤 페이지에서 링크를 클릭했는지를 나타내는 정보를 포함)
이 속성을 사용하면, 링크를 클릭한 사용자가 이전 페이지의 URL을 알 수 없게 된다.
noreferre은 아래 살펴볼 noopener의 기능에 http referer 헤더를 전송하지 않는 기능이 추가된 것이다.
2. noopener
noopener 속성을 사용하면 링크를 클릭한 사용자의 웹 브라우저가 새 창을 열 때,
새 창에 대한 참조를 이전 페이지에 제공하지 않는다.
이전 페이지에서 새 창을 열어 악성 스크립트가 해당 창에 접근하는 것을 방지할 수 있다.
noopener과 noreferre은 사용할 때 두 속성값을 함께 지정해 주는 것이 좋다.
3. nofollow
SEO와 관련된 속성으로 nofollow를 사용하면 검색 엔진에서 제외시켜
검색 순위 상승에 영향을 미치지 않게 된다.
일반적으로 스팸 링크를 방지하고 검색 엔진 최적화를 위해 사용된다.
무분별한 스팸성 댓글이 달릴 수 있는 사용자가 많은 사이트의 댓글 영역에
nofollow 속성을 사용하면 유용하다.
728x90