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

다음 칼럼에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
이 기사는 zmingcx에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
WordPress는 전자 상거래에 적합합니까?WordPress는 전자 상거래에 적합합니까?May 13, 2025 am 12:05 AM

예, WordPress는 전자 상거래에 매우 적합합니다. 1) WooCommerce 플러그인을 사용하면 WordPress는 완전히 기능적인 온라인 상점이 될 수 있습니다. 2) 성능 최적화 및 보안에주의를 기울이십시오. 캐시 및 보안 플러그인의 정기적 인 업데이트 및 사용이 핵심입니다. 3) WordPress는 사용자 경험을 향상시키고 SEO를 크게 최적화하기위한 풍부한 사용자 정의 옵션을 제공합니다.

Yandex 웹 마스터 도구에서 WordPress 사이트를 추가하는 방법Yandex 웹 마스터 도구에서 WordPress 사이트를 추가하는 방법May 12, 2025 pm 09:06 PM

웹 사이트를 Yandex Webmaster 도구에 연결 하시겠습니까? Google Search Console, Bing 및 Yandex와 같은 웹 마스터 도구를 사용하면 웹 사이트를 최적화하고 트래픽을 모니터링하고 Robots.txt를 관리하고 웹 사이트 오류 확인 등을 확인할 수 있습니다. 이 기사에서는 WordPress 웹 사이트를 Yandex 웹 마스터 도구에 추가하여 검색 엔진 트래픽을 모니터링하는 방법을 공유합니다. Yandex는 무엇입니까? Yandex는 Google 및 Bing과 유사한 러시아에 기반을 둔 인기있는 검색 엔진입니다. Yandex에서 탁월 할 수 있습니다

WordPress에서 HTTP 이미지 업로드 오류를 수정하는 방법 (간단함)WordPress에서 HTTP 이미지 업로드 오류를 수정하는 방법 (간단함)May 12, 2025 pm 09:03 PM

WordPress에서 HTTP 이미지 업로드 오류를 수정해야합니까? 이 오류는 WordPress에서 컨텐츠를 만들 때 특히 실망 스러울 수 있습니다. 일반적으로 내장 된 WordPress 미디어 라이브러리를 사용하여 이미지 또는 기타 파일을 CMS에 업로드 할 때 발생합니다. 이 기사에서는 WordPress에서 HTTP 이미지 업로드 오류를 쉽게 수정하는 방법을 보여줍니다. WordPress 미디어 업로드 중에 HTTP 오류의 이유는 무엇입니까? WordPress 미디어 업 로더를 사용하여 파일을 WO에 업로드하려고 할 때

WordPress에서 미디어 버튼 추가가 작동하지 않는 문제를 해결하는 방법WordPress에서 미디어 버튼 추가가 작동하지 않는 문제를 해결하는 방법May 12, 2025 pm 09:00 PM

최근에 독자 중 한 명이 WordPress 사이트의 미디어 추가 버튼이 갑자기 작동을 멈췄다 고보고했습니다. 이 고전적인 편집기 문제는 오류 나 경고가 표시되지 않으므로 사용자가 "미디어 추가"버튼이 작동하지 않는 이유를 알지 못합니다. 이 기사에서는 작동하지 않는 WordPress에서 미디어 추가 버튼을 쉽게 수정하는 방법을 보여줍니다. WordPress "Media Add"버튼이 작동하지 않도록 원인은 무엇입니까? 오래된 Classic WordPress 편집기를 사용하는 경우 미디어 추가 버튼을 사용하면 이미지, 비디오 등을 블로그 게시물에 삽입 할 수 있습니다.

WordPress 쿠키를 설정, 받기 및 삭제하는 방법 (전문가와 같은)WordPress 쿠키를 설정, 받기 및 삭제하는 방법 (전문가와 같은)May 12, 2025 pm 08:57 PM

WordPress 웹 사이트에서 쿠키를 사용하는 방법을 알고 싶습니까? 쿠키는 사용자 브라우저에 임시 정보를 저장하는 데 유용한 도구입니다. 이 정보를 사용하여 개인화 및 행동 타겟팅을 통해 사용자 경험을 향상시킬 수 있습니다. 이 Ultimate Guide에서는 전문가처럼 WordPressCookies를 설정, 받기 및 삭제하는 방법을 보여 드리겠습니다. 참고 : 이것은 고급 튜토리얼입니다. HTML, CSS, WordPress 웹 사이트 및 PHP에 능숙해야합니다. 쿠키는 무엇입니까? 쿠키는 사용자가 웹 사이트를 방문 할 때 생성 및 저장됩니다.

WordPress 429 너무 많은 요청 오류를 수정하는 방법WordPress 429 너무 많은 요청 오류를 수정하는 방법May 12, 2025 pm 08:54 PM

WordPress 웹 사이트에서 "429 너무 많은 요청"오류가 표시됩니까? 이 오류 메시지는 사용자가 웹 사이트 서버에 너무 많은 HTTP 요청을 보내고 있음을 의미합니다. 이 오류는 오류의 원인을 찾기가 어렵 기 때문에 매우 실망 스러울 수 있습니다. 이 기사에서는 "WordPress429ToOmanyRequests"오류를 쉽게 수정하는 방법을 보여줍니다. WordPress429에 대한 요청이 너무 많은 원인은 무엇입니까? "429toomanyRequests"오류의 가장 일반적인 원인은 사용자, 봇 또는 스크립트가 웹 사이트로 이동하려고 시도하기 때문입니다.

대형 웹 사이트의 CMS로서 WordPress는 얼마나 확장 가능한가?대형 웹 사이트의 CMS로서 WordPress는 얼마나 확장 가능한가?May 12, 2025 am 12:08 AM

WordPressCanhandlelArgeWebsites와 함께 확보 및 최적으로 최적화 된 경우 1) USECACHINGTOREDUCESERVERLOWN.2) 최적화 최적화

WordPress는 얼마나 사용자 정의 할 수 있습니까?WordPress는 얼마나 사용자 정의 할 수 있습니까?May 11, 2025 am 12:11 AM

WordPress는 매우 사용자 정의되어 있으며 다양한 유연성과 사용자 정의 가능성을 제공합니다. 1) 테마 및 플러그인 생태계를 통해 2) 프론트 엔드 개발에 RESTAPI를 사용하십시오. 그러나 사용자 정의에는 PHP, JavaScript, CSS 등과 같은 마스터 링 기술이 필요하며 잠재적 인 문제를 피하기 위해 성능 최적화 및 플러그인 선택에주의를 기울여야합니다.

See all articles

핫 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 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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