[에러] a 태그 target="_blank"

JJeong·2021년 9월 7일
0

에러 코드

원인 및 해결책

위 링크를 요약하자면,

target="_blank"는 외부 링크로 보내기 위해 사용되는 태그이다.
이 속성을 사용하기 위해선 반드시 함께 사용되어야 할 속성들이 있다.
-> noopener, noreferrer, nofollow

noopener

만일 이 속성을 추가하지 않고 외부 링크로 연결할 경우,
이동된 페이지에서 window.opener 객체를 통해 이전 페이지에 부분적으로 접근할 수 있다.
이를 이용하면 서비스에 악의적인 동작을 일으킬 수도 있다.
이때 noopener를 추가하면 이동된 페이지에서 더 이상 window.opener 객체를 찾을 수 없다.

noreferrer

noopener와 비슷하게 새로 열린 페이지에서 window.opener를 조작하지 못하게 한다.
다만 링크를 클릭한 사용자가 어디에서 왔는지는 파악할 수 없다.
링크를 클릭할 때 참조자의 정보를 숨기기 때문이다.
SEO에 영향을 주진 않지만 direct traffic으로 간주되어 수집 데이터에 혼선을 줄 수 있다.


대부분의 브라우저는 noopener를 지원하지만 그렇지 않은 경우도 있으므로 noreferrer까지 함께 사용하는 게 권장된다.


nofollow

이 부분은 좀 어려워서 제대로 이해를 못했다.
키워드만 나열해두고 다른 포스팅으로 빼고 싶다.

링크주스(Link Juice) SEO 페이지 랭크(Google PageRank) 백링크

포스팅 쓰면 여기에 꼭 링크하기🔻

🥕🐇

0개의 댓글