위 링크를 요약하자면,
target="_blank"는 외부 링크로 보내기 위해 사용되는 태그이다.
이 속성을 사용하기 위해선 반드시 함께 사용되어야 할 속성들이 있다.
-> noopener, noreferrer, nofollow
만일 이 속성을 추가하지 않고 외부 링크로 연결할 경우,
이동된 페이지에서 window.opener 객체를 통해 이전 페이지에 부분적으로 접근할 수 있다.
이를 이용하면 서비스에 악의적인 동작을 일으킬 수도 있다.
이때 noopener를 추가하면 이동된 페이지에서 더 이상 window.opener 객체를 찾을 수 없다.
noopener와 비슷하게 새로 열린 페이지에서 window.opener를 조작하지 못하게 한다.
다만 링크를 클릭한 사용자가 어디에서 왔는지는 파악할 수 없다.
링크를 클릭할 때 참조자의 정보를 숨기기 때문이다.
SEO에 영향을 주진 않지만 direct traffic으로 간주되어 수집 데이터에 혼선을 줄 수 있다.
대부분의 브라우저는 noopener를 지원하지만 그렇지 않은 경우도 있으므로 noreferrer까지 함께 사용하는 게 권장된다.
이 부분은 좀 어려워서 제대로 이해를 못했다.
키워드만 나열해두고 다른 포스팅으로 빼고 싶다.
링크주스(Link Juice)
SEO
페이지 랭크(Google PageRank)
백링크
포스팅 쓰면 여기에 꼭 링크하기🔻
🥕🐇