HTML a태그의 noreferrer, noopener, nofollow

html의 a 태그에는 rel속성에의 값으로 noreferrer, noopener, nofollow의 값이 존재하는데 이들은 각각 보인 및 SEO에 영양을 줄 수 있는 속성들입니다.

noreferrer

• 새로운 탭에서 링크를 열 때 사용됩니다.
• 다른 페이지를 탐색 할 때 브라우저가 참조하는 웹 페이지의 주소를 보내지 못하게 한다.( http의 헤더에 리퍼러를 전송하지 않습니다.)

noopener

• 새로운 탭에서 링크를 열 때 사용됩니다.
• 해당 속성이 없으면 연결된 페이지에서 연결 페이지(원본 페이지)에 부분적으로 엑세스 할 수 있는 문제가 발생할 수 있어서 보안문제를 야기할 수 있습니다.
• (위 문제 해결) 새로 열린 사이트가 window 객체를 조작하지 못하게 합니다.

nofollow

• SEO 연관 태그입니다.
• 검색 엔진( 구글 검색 엔진, 네이버 검색 엔진 등)이 해당 링크를 크롤링 하지 않습니다.