rel="noreferrer noopener"는 무엇이며 SEO에 영향을 줍니까?

SEO 전문가 또는 SEO 초보자라면 dofollow 링크와 nofollow 링크(rel="nofollow")에 익숙해야 합니다. rel="noreferrer", rel="noopener" 또는 rel="noopener noreferrer"에 대해 실수할 가능성이 있습니다. rel="noopener noreferrer"란 무엇입니까? rel="nofollow"와 동일한가요? SEO에 어떤 영향을 미칩니까?

이 포스트에서는 rel=“noopener”, rel= “noreferrer” 또는 rel= “noopener noreferrer”가 무엇인지, 사용법과 SEO 효과에 대해 설명합니다.

이제 rel= "noreferrer"에 대해 이야기를 시작하겠습니다.

rel="noreferrer"란 무엇입니까?

링크에 앵커 <a> 태그를 사용할 때 사용자가 링크를 클릭할 때 링크가 어떻게 작동할지 결정하는 target 속성이 있습니다. noreferrer 속성은 웹 사이트에서 다른 웹 사이트로 이동하는 트래픽 소스를 숨기는 데 사용됩니다.

rel="noreferrer"가 어떻게 작동하는지 설명하는 예를 살펴보겠습니다.

사용자가 URL A에서 URL B로 이동하는 것을 상상하면 URL B의 웹 사이트 소유자는 사용자의 이전 웹 위치에 대한 정보를 수신할 수 있습니다. Google Analytics에서 추천 트래픽 보고서를 보면 들어오는 트래픽의 소스를 쉽게 식별할 수 있습니다.

그러나 URL A의 웹마스터가 방문자가 자신의 웹사이트에서 오는 것을 URL B의 웹마스터가 알 수 없도록 하는 경우 URL A의 웹마스터는 링크의 HTML에 noreferrer 절을 포함하여 이 정보를 숨길 수 있습니다. 그런 다음 URL B의 웹마스터는 이 트래픽이 Google Analytics 보고서에서 직접 분류된 것을 보게 됩니다. 즉, 트래픽이 파생된 정확한 주소가 제공되지 않습니다.

noreferrer 속성의 경우 HTML 코드에서 아래 링크처럼 보입니다.

 <a href=“https://www.websiteb.com” rel=“noreferrer”>Website B</a>

rel=”noreferrer”는 언제 사용합니까?

링크하고 있는 웹사이트에 정보를 제공하고 싶지 않을 때마다, 트래픽이 어디에서 오는지 보여주고 싶지 않을 때마다 rel= “noreferrer. 예를 들어, 웹사이트를 "나쁜 예"로 사용하고 웹사이트 소유자에게 알리고 싶지 않은 경우입니다.

rel= "noreferrer" 사용을 피해야 하는 상황은 Google 보고서에서 엉망이 되는 것을 원하지 않기 때문에 내부 연결에 연결됩니다.

rel="noreferrer"가 SEO에 영향을 미칩니까?

나가는 링크에 noreferrer를 사용하면 직접적인 SEO 효과가 없습니다. SEO에 부정적인 영향을 미치는 rel="noreferrer"에 대한 우려는 부당합니다.

그러나 이 속성이 모든 측면에 영향을 미치지 않는다는 것은 아닙니다. 그것을 사용할 때의 주된 단점은 당신이 링크하는 페이지의 웹마스터가 당신이 그들에 링크된 것을 알지 못한다는 사실에 있습니다.

권위 있는 웹사이트의 관심을 끌려면 추천 차단을 제거하여 GA에서 가져온 트래픽을 보여줘야 합니다.

rel="noopener"란 무엇입니까?

링크에 Noopener가 추가되어 링크하려는 악성 웹사이트가 귀하의 웹사이트를 가로채는 것을 방지합니다. 외부 링크가 빈 대상이 있는 새 탭에서 열리도록 프로그래밍된 경우에 사용됩니다. 예를 들어,

 <a href=“https://www.websiteb.com” target=“_blank” rel=“noopener”>Website B</a>

악성 코드의 영향을 받을 수 있는 외부 웹 사이트에 링크하면 해당 웹 사이트는 window.opener JavaScript 속성을 사용하여 페이지의 동일한 프로세스에서 실행하여 청중의 디지털 정보를 훔칠 수 있습니다. 그러나 링크에 rel noopener를 추가하면 새 탭이 JavaScript window.opener 기능을 활용하는 것을 방지하고 별도의 프로세스에서 실행되도록 합니다.

rel= "noopener"가 SEO에 영향을 줍니까?

실제로 rel=”noopener” 속성은 검색 엔진과 관련이 없는 window.opener라는 Javascript 개체의 사용을 중지하라는 브라우저의 명령일 뿐입니다. 따라서 noopener는 보안상의 이유로 다른 무엇보다 중요하며 SEO에 전혀 영향을 미치지 않습니다 .

rel="noopener noreferrer" 및 WordPress

WordPress는 버전 4.7.4부터 기본 기능 목록에 태그 rel= "noopener noreferrer" 절을 포함했습니다. 이 태그는 웹사이트의 새 탭(target_blank)에서 열리도록 설정된 모든 외부 및 내부 링크에 자동으로 추가됩니다.

WordPress에서 rel="noreferrer noopener"를 제거하는 방법

대부분의 경우 rel= "noreferrer" 속성을 사용하고 싶지 않거나 사용할 필요가 없습니다. 그러나 wordpress에서 noopener noreferrer 속성을 제거하는 것은 텍스트 편집기 소스 코드에 통합되어 있기 때문에 약간 어려울 수 있습니다. HTML 코드에서 제거하면 문서를 저장하거나 업데이트할 때 다시 추가됩니다.

WordPress에서 자동 rel=”noopener noreferrer”를 방지하는 가장 간단한 솔루션은 새 페이지나 탭에서 링크가 열리지 않도록 하는 것입니다. 즉, target=”_blank” 명령을 사용하지 마십시오.

그러나 이러한 방식으로 사용자가 온라인 플랫폼을 떠나 이탈률이 증가하고 조회 시간이 줄어들고 검색 순위에 부정적인 영향을 미칠까 걱정할 수 있습니다. 솔직히 말해서 이러한 우려는 일리가 있습니다. 그러나 대부분의 방문자가 모바일 사용자인 경우 URL에서 target=”_blank” 를 제거해도 손실이 거의 없습니다. 모바일 브라우징을 사용하면 방문자가 플랫폼을 떠나 링크된 웹사이트에 액세스할 수 있기 때문입니다. 그렇다면 대부분의 방문자가 컴퓨터에서 온다면 어떨까요? 이 경우 WordPress를 사용하지 않는 것이 좋습니다.

Noreferrer 대 Noopener 대 Nofollow

이 세 가지 태그는 완전히 다르며 목표와 보안 요구 사항, 원하는 SEO 효과에 따라 별도로 또는 함께 사용할 수 있습니다.

요약

nofollow 절과 달리 noopener 및 noreferrer 절은 SEO에 직접적인 영향을 미치지 않습니다. 피싱 공격으로부터 온라인 플랫폼을 보호하고 연결된 웹 사이트의 분석에 트래픽 데이터가 표시되지 않도록 설계되었습니다.