noreferrer, noopener, nofollow는 HTML에서 링크 요소나 다른 하이퍼링크 관련 요소에서 사용하는 속성이다.
- noreferrer 속성
- 용도: noreferrer는 링크가 클릭되었을 떄, 참조 정보를 상대 서버에게 보내지 않도록 설정하는 속성이다. 이 속성을 사용하면 링크를 클릭할 때 출발지에서 요청하는사이트에 보내지 않게 되어 개인정보 보호 및 보안을 강화할 수 있다.
- 보안 이슈 처리:
noreferrer는 악성 웹사이트에서 사용자의 출처를 추적하는 것을 방지하고, 사용자의 개인정보가 다른 사이트로 전송되지 않도록 한다.
- SEO와의 관계:
SEO관점에서 noreferrer 속성 자체가 검색 엔진 최적화에 큰 영향을 미치지는 않지만 이 속성은 링크 클릭시 referrer 정보를 보내지 않기 때문에, 다른 웹사이트에서 링크된 페이지의 트래픽 소스를 알 수 없게 되어 링크의 효용성이나 분석이 어려워질 수 있다.
- noopener 속성
-
용도:
noopener 속성은 링크가 새 창에서 열리도록 할 때 사용된다.
기본적으로 target="_blank"로 설정된 링크는 새 창을 열 때 원본 페이지에서 새창을 열 때 원본 페이지에서 새 창의 window 객체를 참조할 수 있게 되는데, 이는 잠재적인 보안 취약점을 발생시킬 수 있다. -
보안 이슈 처리:
noopener를 사용하면 새 창을 연 웹페이지가 window.opener 객체를 통해 원본 페이지의 데이터를 액세스하는 것을 차단한다. 이를 통해 클릭재킹 공격 이나 피싱 공격을 예방할 수 있다. -
SEO와의 관계:
noopener 속성은 SEO에 영향을 미치지 않으며, SEO 최적화와 관련된 주요 요소가 아니다.
- nofollow 속성
-
용도: nofollow 속성은 링크에 대한 검색 엔진 봇에게 "이 링크를 따라가지 말라"는 지시를 내리는 속성이다. 이 속성은 주로 광고, 스폰서 링크 등의 링크에 사용된다.
-
SEO와의 관계:
nofollow속성은 해당 링크에 대한 검색 엔진의 링크 평가를 차단한다. 즉 nofollow링크는 해당 페이지의 검색엔진최적화에 영향을 미치지 않도록 하여 웹사이트 간의 링크를 통해 SEO를 조작하는 것을 방지한다.
