CMS 튜토리얼 Word누르다 WordPress에서 rel='noopener'란 무엇입니까?

WordPress에서 rel='noopener'란 무엇입니까?

Feb 20, 2020 pm 04:55 PM
wordpress

다음 칼럼에서는 WordPress Tutorial 칼럼에서 rel=”noopener”가 무엇인지 소개하겠습니다. 도움이 필요한 분들에게 도움이 되기를 바랍니다!

WordPress에서 rel='noopener'란 무엇입니까?

최근 한 독자가 질문했습니다. WordPress에서 rel="noopener"가 무엇인가요? 새 창에서 링크를 열도록 선택하면 WordPress에서 링크에 이 속성을 추가합니다. 이 글에서는 WordPress의 rel="noopener"와 그것이 귀하의 웹사이트에 어떤 영향을 미치는지 설명하겠습니다.

Word에서 rel="noopener"란 무엇인가요?

rel="noopener"는 새 브라우저 탭에서 열도록 선택한 모든 WordPress 링크에 추가되는 HTML 속성입니다. 또한 rel="noreferrer" 속성도 함께 제공됩니다. 이 기능은 악성 웹사이트에서 악용할 수 있는 보안 허점을 해결하기 위해 WordPress에 도입되었습니다.

새 탭에서 참조 창을 제어할 수 있는 몇 가지 JavaScript 기능이 있습니다. 악성코드에 감염된 외부 웹사이트로 링크할 경우, 해당 웹사이트는 window.opener JavaScript 속성을 이용해 원본 페이지(귀하의 웹사이트)를 변조해 정보를 탈취하고 악성코드를 유포할 수 있습니다.

rel="noopener"를 추가하면 새 태그가 이 JavaScript 기능을 활용하지 못하게 됩니다. 마찬가지로 rel="noreferrer" 속성은 리퍼러 정보가 새 탭으로 전달되는 것을 방지합니다.

WordPress는 웹사이트 보안을 개선하기 위해 항상 앞서 나가고 있습니다. 링크를 추가하고 "새 탭에서 열기"를 선택하면 WordPress에서는 링크 코드에 rel="noopener" 및 rel="noreferrer"를 추가합니다.

WordPress에서 생성된 HTML 코드는 다음과 같습니다.

데모 링크

rel="noopener"가 WordPress SEO에 어떤 영향을 미치나요?

rel=noopener 속성이 WordPress 보안을 향상시키더라도 일부 사용자는 이 속성이 WordPress SEO에 영향을 미칠 것이라고 생각하기 때문에 사용을 피하고 싶어합니다.

그것은 단지 신화일 뿐입니다.

WordPress 사이트에 미치는 영향은 없습니다.

noopener와 nofollow의 차이점은 무엇인가요?

rel="noopener"와 rel="nofollow"

noopener 속성을 혼합하는 것은 쉽습니다.

반면에 nofollow 속성은 귀하의 웹사이트가 연결된 웹사이트에 SEO 링크 순위를 전달하는 것을 방지합니다.

귀하의 웹사이트에 있는 링크를 따라가면 검색 엔진이 nofollow 속성을 찾아 고려하게 됩니다. noopener 태그를 고려하지 마세요.

기본적으로 WordPress에서는 외부 링크에 nofollow를 추가하는 것을 허용하지 않습니다. WordPress에 nofollow를 추가하려면 플러그인을 사용하는 방법을 참조하세요. WordPress에서 제목을 추가하고 링크를 팔로우하지 않으려면

rel=noreferrer가 WordPress의 제휴 링크에 영향을 미치나요?

rel=noreferrer"는 WordPress의 제휴 링크에 영향을 미치지 않습니다. 일부 사용자는 rel="noreferrer"가 리퍼러 정보가 새 탭으로 전달되는 것을 방지하기 때문에 이것이 수행된다고 믿습니다.

그러나 대부분의 제휴 프로그램은 이를 수행합니다. 귀하의 제휴 ID와 함께 고유한 URL을 제공하십시오. 이는 귀하의 제휴 ID가 추적할 다른 웹사이트에 URL 매개변수로 전달된다는 것을 의미합니다.

둘째, 대부분의 제휴 마케팅 담당자는 링크 클로킹을 위해 링크 클로킹 플러그인을 사용합니다. 사용자가 클릭하는 제휴 링크는 실제로 귀하의 웹사이트 자체 URL이며, 사용자는

귀하의 웹사이트에서 링크를 제거하지 않고

WordPress에서 rel="noopener"를 비활성화하는 방법은 무엇입니까? 링크의 rel="noopener"는 웹사이트 보안에 도움이 되며 웹사이트 성능이나 SEO에 영향을 주지 않습니다.

그러나 이를 제거해야 하는 경우 WordPress에서 구텐베르그 블록 편집기를 비활성화해야 합니다. 그런 다음 테마의 function.php 파일이나 사이트별 플러그인에 다음 코드를 추가해야 합니다.

add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target');
function tinymce_allow_unsafe_link_target( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}
로그인 후 복사

참고: 정당한 이유 없이 rel="noopener"를 제거하지 않는 것이 좋습니다.

더 많은 프로그래밍 관련 내용을 보려면 PHP 중국어 웹사이트

프로그래밍 입문

칼럼을 주목해주세요!

위 내용은 WordPress에서 rel='noopener'란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WordPress 기사 목록을 조정하는 방법 WordPress 기사 목록을 조정하는 방법 Apr 20, 2025 am 10:48 AM

WordPress 기사 목록을 조정하는 4 가지 방법이 있습니다. 테마 옵션 사용, 플러그인 사용 (예 : Post Type Order, WP Post List, Boxy Sitture), 코드 사용 (Functions.php 파일의 설정 추가) 또는 WordPress 데이터베이스를 직접 수정하십시오.

WordPress 차단 IP 용 플러그인은 무엇입니까? WordPress 차단 IP 용 플러그인은 무엇입니까? Apr 20, 2025 am 08:27 AM

WordPress IP 차단 플러그인 선택이 중요합니다. 다음 유형을 고려할 수 있습니다. .htaccess : 효율적이지만 복잡한 작동; 데이터베이스 작동 : 유연하지만 효율성이 낮습니다. 방화벽 : 높은 보안 성능이지만 복잡한 구성; 자체 작성 : 가장 높은 제어력이 있지만 더 많은 기술적 수준이 필요합니다.

WordPress의 편집 날짜를 취소하는 방법 WordPress의 편집 날짜를 취소하는 방법 Apr 20, 2025 am 10:54 AM

WordPress 편집 날짜는 세 가지 방법으로 취소 할 수 있습니다. 1. Post Date Disable 플러그인 설치; 2. functions.php 파일에 코드를 추가합니다. 3. WP_Posts 테이블에서 Post_Modified 열을 수동으로 편집합니다.

WordPress에 오류가 있으면해야 할 일 WordPress에 오류가 있으면해야 할 일 Apr 20, 2025 am 11:57 AM

WordPress 오류 해상도 안내서 : 500 내부 서버 오류 : 플러그인을 비활성화하거나 서버 오류 로그를 확인하십시오. 404 페이지를 찾을 수 없습니다 : Permalink를 점검하고 페이지 링크가 올바른지 확인하십시오. 흰색 사망 화면 : 서버 PHP 메모리 제한을 늘리십시오. 데이터베이스 연결 오류 : 데이터베이스 서버 상태 및 WordPress 구성을 확인하십시오. 기타 팁 : 디버그 모드 활성화, 오류 로그 검사 및 지원을 찾으십시오. 오류 방지 : 정기적으로 WordPress를 업데이트하고 필요한 플러그인 만 설치하고 웹 사이트를 정기적으로 백업하고 웹 사이트 성능을 최적화하십시오.

WordPress 의견을 표시하는 방법 WordPress 의견을 표시하는 방법 Apr 20, 2025 pm 12:06 PM

WordPress 웹 사이트에서 댓글 활성화 : 1. 관리자 패널에 로그인하고 "설정" - "토론"으로 이동하여 "주석 허용"을 확인하십시오. 2. 주석을 표시 할 위치를 선택하십시오. 3. 주석을 사용자 정의합니다. 4. 의견을 관리하고 승인, 거부 또는 삭제합니다. 5. 사용 & lt;? php comment_template (); ? & gt; 주석을 표시하는 태그; 6. 중첩 된 주석 활성화; 7. 주석 모양 조정; 8. 스팸 주석을 방지하기 위해 플러그인 및 검증 코드를 사용하십시오. 9. 사용자가 그라바타 아바타를 사용하도록 권장합니다. 10. 참조 할 주석을 만듭니다

WordPress의 헤더를 작성하는 방법 WordPress의 헤더를 작성하는 방법 Apr 20, 2025 pm 12:09 PM

WordPress에서 사용자 정의 헤더를 만드는 단계는 다음과 같습니다. 테마 파일 "header.php"편집. 웹 사이트 이름과 설명을 추가하십시오. 탐색 메뉴를 만듭니다. 검색 표시 줄을 추가하십시오. 변경 사항을 저장하고 사용자 정의 헤더를보십시오.

WordPress 웹 사이트 계정 로그인 WordPress 웹 사이트 계정 로그인 Apr 20, 2025 am 09:06 AM

WordPress 웹 사이트 계정에 로그인하려면 : 로그인 페이지를 방문하십시오 : 웹 사이트 URL Plus "/wp-login.php"를 입력하십시오. 사용자 이름과 비밀번호를 입력하십시오. "로그인"을 클릭하십시오. 검증 2 단계 확인 (선택 사항). 성공적으로 로그인하면 웹 사이트 대시 보드가 표시됩니다.

WordPress 테마의 헤드 이미지를 변경하는 방법 WordPress 테마의 헤드 이미지를 변경하는 방법 Apr 20, 2025 am 10:00 AM

WordPress의 헤더 이미지를 교체하기위한 단계별 안내서 : WordPress 대시 보드에 로그인하고 모양 & gt; 테마로 이동하십시오. 편집 할 주제를 선택하고 사용자 정의를 클릭하십시오. 테마 옵션 패널을 열고 사이트 헤더 또는 헤더 이미지 옵션을 찾으십시오. 이미지 선택 버튼을 클릭하고 새 헤드 이미지를 업로드하십시오. 이미지를 자르고 저장 및 자르기를 클릭하십시오. 저장 및 게시 버튼을 클릭하여 변경 사항을 업데이트하십시오.

See all articles