찾다
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.com에서 WordPress.org로 블로그를 쉽게 이동하는 방법WordPress.com에서 WordPress.org로 블로그를 쉽게 이동하는 방법Apr 18, 2025 am 11:33 AM

WordPress.com에서 WordPress.org로 블로그를 이동 하시겠습니까? 많은 초보자는 WordPress.com으로 시작하지만 자신의 한계를 신속하게 인식하고 자체-호스팅 된 WordPress.org 플랫폼으로 전환하려고합니다. 이 단계별 가이드에서는 WordPress.com에서 WordPress.org로 블로그를 올바르게 이동하는 방법을 보여줍니다. WordPress.com에서 WordPress.org로 마이그레이션하는 이유는 무엇입니까? WordPress.com을 사용하면 누구나 계정을 만들 수 있습니다

IFTTT (및 기타)로 WordPress 및 소셜 미디어를 자동화하는 방법IFTTT (및 기타)로 WordPress 및 소셜 미디어를 자동화하는 방법Apr 18, 2025 am 11:27 AM

WordPress 웹 사이트 및 소셜 미디어 계정을 자동화하는 방법을 찾고 계십니까? 자동화를 사용하면 Facebook, Twitter, LinkedIn, Instagram 등에서 WordPress 블로그 게시물 또는 업데이트를 자동으로 공유 할 수 있습니다. 이 기사에서는 IFTTT, Zapier 및 Uncanny Automator를 사용하여 WordPress 및 소셜 미디어를 쉽게 자동화하는 방법을 보여 드리겠습니다. WordPress 및 소셜 미디어를 자동화하는 이유는 무엇입니까? WordPre를 자동화하십시오

WordPress에서 사용자 정의 메뉴 항목 제한을 수정하는 방법WordPress에서 사용자 정의 메뉴 항목 제한을 수정하는 방법Apr 18, 2025 am 11:18 AM

며칠 전, 사용자 중 한 명이 특이한 문제를보고했습니다. 문제는 그가 사용자 정의 메뉴 항목의 한계에 도달한다는 것입니다. 메뉴 항목 제한에 도달 한 후 저장하는 모든 콘텐츠는 전혀 저장되지 않습니다. 우리는이 문제에 대해 들어 본 적이 없으므로 지역 설치를 시도하기로 결정했습니다. 200 개 이상의 메뉴 항목이 생성되고 저장되었습니다. 효과는 매우 좋습니다. 100 개의 항목을 드롭 다운 목록으로 옮기고 잘 저장하십시오. 그런 다음 서버와 관련이 있다는 것을 알았습니다. 추가 연구 후에, 다른 많은 사람들도 같은 문제를 겪은 것으로 보입니다. 더 깊이 파고 들자, 우리는이 문제를 강조한 Trac 티켓 (#14134)을 발견했습니다. 매우 읽으십시오

WordPress에서 사용자 정의 분류법에 맞춤형 메타 필드를 추가하는 방법WordPress에서 사용자 정의 분류법에 맞춤형 메타 필드를 추가하는 방법Apr 18, 2025 am 11:11 AM

WordPress의 사용자 정의 분류 체계에 맞춤형 메타 필드를 추가해야합니까? 사용자 정의 분류법을 사용하면 카테고리 및 태그 외에 컨텐츠를 구성 할 수 있습니다. 때로는 다른 필드를 추가하여 설명하는 것이 유용합니다. 이 기사에서는 그들이 만든 분류법에 다른 메타 엘드를 추가하는 방법을 보여 드리겠습니다. 사용자 정의 메타 필드는 언제 커스텀 분류 체계에 추가해야합니까? WordPress 사이트에서 새 콘텐츠를 만들 때 두 개의 기본 분류법 (카테고리 및 태그)을 사용하여 구성 할 수 있습니다. 일부 웹 사이트는 사용자 정의 분류법 사용의 혜택을받습니다. 이를 통해 다른 방식으로 내용을 정렬 할 수 있습니다. 예를 들어,

Windows Live Writer를 사용하여 WordPress에 원격으로 게시하는 방법Windows Live Writer를 사용하여 WordPress에 원격으로 게시하는 방법Apr 18, 2025 am 11:02 AM

Windows Live Writer는 데스크탑에서 WordPress 블로그에 직접 게시물을 게시 할 수있는 다양한 도구입니다. 즉, 블로그를 전혀 업데이트하려면 WordPress 관리자 패널에 로그인 할 필요가 없습니다. 이 튜토리얼에서는 Windows Live Writer를 사용하여 WordPress 블로그에 데스크톱 게시를 활성화하는 방법을 보여 드리겠습니다. WordPress에서 Windows Live Writer를 설정하는 방법 1 단계 : WordPR에서 Windows Live Writer를 사용합니다

WordPress Visual Editor에서 흰색 텍스트 및 누락 된 버튼을 수정하는 방법WordPress Visual Editor에서 흰색 텍스트 및 누락 된 버튼을 수정하는 방법Apr 18, 2025 am 10:52 AM

최근에 사용자 중 한 명이 매우 이상한 설치 문제를보고했습니다. 게시물을 쓸 때는 글을 쓰는 것을 볼 수 없습니다. 게시물 편집기의 텍스트는 흰색이기 때문입니다. 또한 모든 시각적 편집기 버튼이없고 Visual에서 HTML로 전환 할 수있는 기능도 작동하지 않습니다. 이 기사에서는 WordPress Visual Editor에서 흰색 텍스트 및 누락 된 버튼 문제를 해결하는 방법을 보여줍니다. 초보자주의 사항 : 다른 웹 사이트의 스크린 샷에서 볼 수있는 숨겨진 버튼을 찾고 있다면 주방 싱크대를 찾고있을 수 있습니다. 밑줄, 단어에서 복사 등과 같은 다른 옵션을 보려면 주방 싱크 아이콘을 클릭해야합니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법WordPress에서 사용자 이메일에 아바타를 표시하는 방법Apr 18, 2025 am 10:51 AM

WordPress의 사용자 이메일에 아바타를 표시 하시겠습니까? Gravatar는 사용자의 이메일 주소를 온라인 아바타에 연결하는 네트워크 서비스입니다. WordPress는 주석 섹션에 방문자의 프로필 사진을 자동으로 표시하지만 사이트의 다른 영역에 추가 할 수도 있습니다. 이 기사에서는 WordPress의 사용자 이메일에 아바타를 표시하는 방법을 보여 드리겠습니다. Gravatar 란 무엇이며 왜 표시해야합니까? Gravatar는 전 세계적으로 인정 된 아바타를 나타내며 사람들이 이미지를 이메일 주소에 연결할 수 있습니다. 웹 사이트가 지원되는 경우

WordPress에서 기본 매체 업로드 위치를 변경하는 방법WordPress에서 기본 매체 업로드 위치를 변경하는 방법Apr 18, 2025 am 10:47 AM

WordPress에서 기본 미디어 업로드 위치를 변경 하시겠습니까? 미디어 파일을 다른 폴더로 옮기면 웹 사이트 속도와 성능을 향상시키고 백업을 더 빨리 만들 수 있습니다. 또한 자신에게 가장 적합한 방식으로 파일을 정리할 수있는 자유를 제공합니다. 이 기사에서는 WordPress에서 기본 미디어 업로드 위치를 변경하는 방법을 보여줍니다. 기본 매체 업로드 위치를 변경하는 이유는 무엇입니까? 기본적으로 WordPress는 모든 이미지 및 기타 미디어 파일을/wp-content/uploads/폴더에 저장합니다. 이 폴더에서는 여러 해 및 몇 달의 어린이를 찾을 수 있습니다.

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 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경