웹 페이지를 작성하거나 관리할 때, 링크의 동작 방식을 제어하는 데 사용되는 rel 속성에는 여러 가지 값이 있습니다. 이 중 noreferrer, noopener, nofollow는 웹 보안과 검색 엔진 최적화(SEO)에 중요한 역할을 합니다.
noreferrer
noreferrer 속성은 링크를 클릭할 때 브라우저가 HTTP 리퍼러 헤더를 전송하지 않도록 합니다. 이는 목표 페이지가 사용자가 어디에서 왔는지를 알 수 없게 만듭니다.
이 속성은 사용자의 개인 정보를 보호하는데 중요한 역할을 합니다. 특히, 민감한 정보가 포함된 페이지에서 다른 사이트로 이동할 때 이 정보를 숨기는 데 사용됩니다.
<a href="http://example.com" rel="noreferrer">HTML 링크에서 사용하는 방법은 다음과 같습니다</a>noopener
noopener 속성은 새 창이나 탭에서 링크를 열 때, 새로 열린 페이지가 window.opener를 통해 원본 페이지를 조작할 수 없게 합니다.
이 속성은 주로 보안 이슈를 해결하는 데 사용됩니다. 새 창에서 열린 페이지가 원본 페이지를 조작하거나, 사용자가 원본 페이지로 돌아갈 때 악의적인 페이지를 로드하는 등의 공격을 막기 위해서입니다.
<a href="http://example.com" rel="noopener">HTML 링크에서 사용하는 방법은 다음과 같습니다</a>nofollow
nofollow 속성은 검색 엔진에게 이 링크를 따라가지 말라고 지시합니다. 즉, 링크된 페이지의 검색 순위에 이 링크를 고려하지 말라는 뜻입니다.
이 속성은 주로 SEO 전략의 일부로 사용됩니다. 예를 들어, 광고나 스팸 링크에는 nofollow를 사용하여 검색 엔진이 이 링크를 인덱싱하지 못하게 할 수 있습니다.
<a href="http://example.com" rel="nofollow">HTML 링크에서 사용하는 방법은 다음과 같습니다</a>
໒꒰ྀ ˶ • ༝ •˶ ꒱ྀིა