태그 noopener은(는) 무슨 뜻인가요? noreferrer 속성/nofollow 효과

하이퍼링크 레이블 <a>코드는 일반적으로 noopener, noreferrer 및 nofollow 속성과 함께 사용됩니다. 이 기사에서는 noopener, noreferrer 및 nofollow 코드 속성을 사용하는 방법을 공유합니다.

태그 noopener은(는) 무슨 뜻인가요?

윌 target="_blank" 링크에 추가하면 대상 페이지가 새 탭에서 열립니다.

새로 열린 페이지에서 window.opener를 통해 소스 페이지 창 개체를 얻을 수 있으므로 잠재적인 보안 위험을 숨길 수 있습니다.

• 구체적으로 자신의 웹페이지 A 링크, 다른 제XNUMX자 주소를 열 수 있는 웹페이지 B 링크가 있습니다.
• 웹 페이지 B는 window.opener를 통해 웹 페이지 A의 창 개체를 얻습니다.
• 그런 다음 페이지 A를 사용하여 피싱 페이지 window.opener.location.href=”abc.com”으로 이동할 수 있습니다. 사용자는 이를 알아채지 못합니다.
• 주소가 뛰어올랐고, 이 페이지에서 사용자명과 비밀번호를 입력한 후 정보유출이 발생했습니다.
• 위와 같은 문제를 피하기 위해 rel을 도입하고 ="noopener" 속성을 설정하여 새로 연 페이지가 소스 페이지의 window 객체를 얻을 수 없도록 합니다.
• 이때 window.opener의 값은 null이다.

따라서 새 탭에서 타사 주소를 열려면 태그 코드를 추가하는 것이 가장 좋습니다. rel="noopener"속성.

noreferrer 속성의 역할

누오프너와 비슷합니다.

설정rel="noreferrer"그 후 새로 열린 페이지는 공격할 소스 페이지의 창을 가져올 수 없습니다.

동시에 새로 열린 페이지에서 document.referrer 정보를 얻을 수 없습니다.이 정보에는 원본 페이지의 주소가 포함되어 있습니다.

일반적으로 noopener와 noreferrer는 동시에 설정되며,rel="noopener noreferrer".

후자는 동시에 window.opener에 대한 접근을 제한하는 전자의 기능을 가지고 있기 때문에 동시에 설정해야 하는 이유는 무엇입니까?

호환성을 위해 일부 구형 브라우저는 noopener를 지원하지 않습니다.

노팔로우의 역할

검색 엔진에 의한 페이지 가중치 계산에는 페이지 참조 수(백링크)가 포함됩니다. 즉, 페이지가 다른 많은 웹 페이지에 의해 링크된 경우 해당 페이지는 고품질 페이지로 판단됩니다.

검색 결과 순위가 올라갑니다.

rel=”nofollow”로 설정하면 해당 링크가 위 순위에 기여하지 않는다는 것을 검색 엔진에 알리는 것을 의미합니다.

• 일반적으로 연결하지 않고 사용SEO순위가 매겨진 내부 주소(예: 등록 또는 로그인 페이지 링크), 내보내기 무게를 낭비하거나 일부 품질이 좋지 않은 페이지를 원하지 않습니다.