1. noreferrer
사용 이유:
참조 정보 보호: noreferrer 속성은 클릭된 링크의 대상 페이지에 리퍼러 정보를 전달하지 않습니다. 리퍼러 정보란 사용자가 이전에 방문한 페이지의 URL을 의미합니다.
보안:
외부 사이트에 사용자의 리퍼러 정보를 보내지 않음으로써 개인정보를 보호할 수 있습니다.
보안 이슈 처리:
개인정보 보호:
noreferrer를 사용하면 외부 사이트가 사용자가 어떤 페이지에서 왔는지 알 수 없으므로, 사용자의 브라우징 습관이 외부로 유출되는 것을 방지합니다.
SEO 영향:
SEO에 직접적인 영향 없음: 리퍼러 정보를 제거하는 것이 SEO 순위에 직접적인 영향을 미치지 않습니다. 그러나 검색 엔진이 참조 사이트 간의 관계를 이해하지 못할 수 있습니다.
2. noopener
사용 이유:
탭 간의 자바스크립트 접근 차단: noopener 속성은 새로운 창이나 탭이 원본 창의 window.opener 속성을 통해 원본 창에 접근하지 못하도록 합니다.
성능 개선:
noopener를 사용하면 새로운 탭이 열릴 때 원본 페이지의 성능이 저하되는 것을 방지할 수 있습니다.
보안 이슈 처리:
탭 납치 공격 방지: noopener를 사용하면 새로운 탭이 원본 탭을 제어하거나 변경하는 것을 막을 수 있습니다. 이는 피싱 공격과 같은 보안 위험을 줄입니다.
SEO 영향:
SEO에 직접적인 영향 없음: SEO에 직접적인 영향을 미치지 않습니다. 이는 주로 보안과 성능을 위한 속성입니다.
3. nofollow
사용 이유:
링크 주스 전달 방지: nofollow 속성은 검색 엔진이 해당 링크를 따라가지 않도록 지시합니다. 이는 특정 링크에 대해 링크 주스가 전달되지 않도록 하기 위해 사용됩니다.
스팸 방지:
사용자 생성 콘텐츠(예: 댓글)에 있는 링크가 SEO 스팸으로 작용하지 않도록 하기 위해 사용됩니다.
보안 이슈 처리:
스팸 링크 차단:
nofollow를 사용하여 스팸 링크가 검색 엔진에 의해 인덱싱되는 것을 방지할 수 있습니다.
SEO 영향:
SEO에 중요한 역할: nofollow 속성은 링크의 중요도를 검색 엔진에 전달하지 않으므로, 검색 엔진 최적화(SEO)에 중요한 역할을 합니다. 이를 통해 검색 엔진이 특정 링크를 통해 사이트의 신뢰도를 평가하지 않도록 할 수 있습니다.
결론
보안:
noopener와 noreferrer 속성은 사용자의 보안을 강화하고 개인정보 보호를 위해 사용됩니다. noopener는 탭 납치 공격을 방지하고, noreferrer는 리퍼러 정보를 차단하여 사용자의 방문 기록을 보호합니다.
SEO:
nofollow 속성은 링크의 SEO 영향을 제어하는 데 사용되며, 스팸 링크를 차단하는 데 중요한 역할을 합니다. 검색 엔진이 특정 링크를 따라가지 않도록 하여 페이지 순위에 영향을 주지 않게 할 수 있습니다.
