색인·웹마스터 도구 · 공식 문서
nofollow noopener noreferrer 차이와 링크별 선택 기준
nofollow 는 검색엔진에게 하는 표시이고, noopener·noreferrer 는 브라우저에게 하는 지시입니다. noopener 는 새로 연 탭을 원래 페이지와 떼어 놓고, noreferrer 는 여기에 더해 Referer 헤더를 빼고 이동합니다.
외부 링크 HTML 에 rel="nofollow noopener noreferrer" 가 한 줄로 붙어 있는 경우가 많습니다. 세 값은 같은 속성에 들어가지만 듣는 쪽이 다릅니다.
nofollow 는 검색엔진이 읽고, noopener·noreferrer 는 브라우저가 읽습니다. 듣는 쪽을 나누면 링크마다 무엇을 넣을지가 정해집니다.
발견 01
nofollow·sponsored·ugc 는 검색엔진이, noopener·noreferrer 는 브라우저가 읽는 값입니다
| rel 값 | 읽는 쪽 | 하는 일 | 원문 |
|---|---|---|---|
| nofollow | 검색엔진 | 링크한 쪽이 대상을 지지하지 않는다는 표시 | Use the nofollow value when other values don't apply, and you'd rather Google not associate your site with, or crawl the linked page from, your site.다른 값이 맞지 않고, 구글이 내 사이트와 링크된 페이지를 연결하거나 그 페이지를 내 사이트에서 크롤링하길 원치 않을 때 nofollow 를 쓴다. |
| sponsored | 검색엔진 | 광고·유료 링크라는 표시 | Mark links that are advertisements or paid placements (commonly called paid links) with the sponsored value.광고나 유료 게재 링크(흔히 유료 링크)는 sponsored 값으로 표시한다. |
| ugc | 검색엔진 | 사용자가 넣은 링크라는 표시 | We recommend marking user-generated content (UGC) links, such as comments and forum posts, with the ugc value.댓글·포럼 글 같은 사용자 제작 콘텐츠(UGC) 링크는 ugc 값으로 표시하길 권한다. |
| noopener | 브라우저 | 새로 연 탭이 원래 페이지(window.opener)에 접근하지 못하게 함 | The keyword indicates that any newly created top-level traversable which results from following the hyperlink will not contain an auxiliary browsing context. E.g., the resulting Window's opener getter will return null.이 링크를 따라가 새로 연 독립 창에는 보조 브라우징 맥락이 없다. 예를 들어 새 창의 opener 값이 null 이 된다. |
| noreferrer | 브라우저 | Referer 헤더를 보내지 않고 noopener 동작도 함께 함 | It indicates that no referrer information is to be leaked when following the link and also implies the noopener keyword behavior under the same conditions. No `Referer` (sic) header will be included.링크를 따라갈 때 리퍼러 정보를 넘기지 않으며, 같은 조건에서 noopener 동작도 함께 한다. Referer 헤더가 들어가지 않는다. |
구글의 rel 값 표에는 sponsored·ugc·nofollow 셋이 있습니다. noopener·noreferrer 는 HTML 표준이 브라우저 동작으로 정한 값입니다.
그래서 noopener·noreferrer 를 빼거나 더하는 일은 검색엔진 표시와 따로 정합니다. nofollow 가 필요한지는 「nofollow dofollow 차이」 편의 기준을 따릅니다.
| 함께 쓰기 | 원문 |
|---|---|
| 여러 값을 한 속성에 | You may specify multiple rel values as a space- or comma-separated list.rel 값 여러 개를 공백이나 쉼표로 구분해 함께 적을 수 있다. |
| HTML 표준의 nofollow | Indicates that the current document's original author or publisher does not endorse the referenced document.지금 문서의 원래 작성자나 게시자가 링크된 문서를 지지하지 않는다는 뜻이다. |
발견 02
새 탭(_blank) 링크는 opener 를 따로 적지 않으면 HTML 표준이 noopener 처럼 다룹니다
If element's link types do not include the opener keyword and target is an ASCII case-insensitive match for "_blank", then return true.
링크 유형에 opener 가 없고 target 이 "_blank" 이면(대소문자 무시) 참을 돌려준다. 곧 noopener 로 처리한다.
표준의 이 단계가 참(true)을 돌려주면 새 탭은 원래 페이지에 접근하지 못합니다. noopener 를 적은 것과 같은 결과입니다.
noreferrer 는 한 걸음 더 갑니다. Referer 헤더를 빼고 이동하므로, 방문 출처를 상대 사이트에 넘기지 않고 감출 때 씁니다.
협력사·제휴처와 유입을 함께 확인하는 사이라면 이 차이가 중요합니다. 우리 사이트 방문 데이터를 보는 도구는 「홈페이지 방문자 수 확인」 편에 자세히 적었습니다.
발견 03
링크 자리별로 넣을 값은 6가지 기준으로 고릅니다
| 링크 자리 | 넣을 값 | 이유 |
|---|---|---|
| 신뢰하는 기관·협력사·출처로 가는 링크(같은 탭) | 없음 | 일반 링크로 둡니다. 검색용 값도, 브라우저용 값도 필요 없습니다. |
| 새 탭(target="_blank")으로 여는 외부 링크 | noopener(적어도 되고 빼도 됨) | 표준은 opener 를 따로 적지 않은 _blank 링크를 noopener 처럼 다룹니다. 적어 두면 의도가 HTML 에 보입니다. |
| 상대 사이트에 어디서 왔는지 알리고 싶지 않은 링크 | noreferrer | Referer 헤더가 빠지므로 상대 사이트는 그 헤더로 우리 사이트에서 온 방문을 알아볼 수 없습니다. |
| 협력사·제휴처가 우리 유입을 확인해야 하는 링크 | noreferrer 빼기 | 상대가 Referer 로 우리 사이트를 알아볼 수 있게 둡니다. 새 탭이면 noopener 는 남겨도 됩니다. |
| 광고·협찬·제휴 수수료 링크 | sponsored | 검색엔진용 표시입니다. 새 탭으로 연다면 noopener 를 함께 적습니다. |
| 댓글·게시판처럼 사용자가 넣는 링크 | ugc | 검색엔진용 표시입니다. 새 탭 여부는 브라우저용 값으로 따로 정합니다. |
발견 04
B2B·B2C·B2G 에서 같은 외부 링크라도 넣을 값은 상대와의 관계로 정합니다
예시 ① 협력사와 유입을 나누는 B2B SaaS 사이트(B2B)
B2B SaaS 기업의 문의형 사이트가 연동 협력사 페이지로 새 탭 링크를 겁니다. 두 회사는 서로 보낸 방문자 수를 분기마다 맞춰 봅니다.
이 링크에서는 noreferrer 를 빼고 noopener 만 둡니다. 협력사는 Referer 헤더로 우리 사이트에서 온 방문을 알아볼 수 있습니다.
예시 ② 제휴 수수료 링크가 있는 쇼핑몰(B2C)
자사 쇼핑몰의 기획전 페이지에 제휴 수수료를 받는 외부 상품 링크가 있습니다. 대가가 있는 링크이므로 검색엔진용 값은 sponsored 입니다.
새 탭으로 열므로 rel="sponsored noopener" 로 적습니다. 제휴처 집계는 링크 URL 의 추적 값으로 하는지 먼저 확인하고 noreferrer 여부를 정합니다.
예시 ③ 새 창으로 여는 공공기관 누리집의 외부 링크(B2G)
공공기관 누리집이 다른 기관 사이트를 새 창으로 엽니다. 서로 신뢰하는 기관이라 일반 링크로 두고 검색엔진용 값은 비웁니다.
브라우저용 값은 noopener 를 적어 의도를 남깁니다. 외부 기관에 방문 출처를 넘기지 않기로 내부 방침을 정했다면 noreferrer 를 더합니다.
그럼 우리 사이트 외부 링크는 어떤 순서로 정리하나요?
- 주요 페이지에서 외부 링크를 검사해 rel 값과 target 값을 표에 적습니다.
- 값마다 읽는 쪽을 나눠 검색엔진용(nofollow·sponsored·ugc)과 브라우저용(noopener·noreferrer) 칸에 옮깁니다.
- 위 선택 기준 6가지에 링크 자리를 맞춰 넣을 값을 정합니다.
- 글 편집기나 게시판이 새 탭 링크에 값을 자동으로 덧붙이는지 HTML 에서 확인합니다.
- 유입을 함께 보는 협력사 링크는 noreferrer 가 빠졌는지 상대와 확인합니다.
조사 방법
- WHATWG 「HTML Living Standard 4.6 Links」 (문서 수정일 2026-10-22) · 최종 확인일 2026-10-25 · https://html.spec.whatwg.org/multipage/links.html
- Google Search Central 「Qualify your outbound links to Google」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/qualify-outbound-links
- 선택 기준 6가지는 HTML 표준의 noopener·noreferrer 정의와 구글의 rel 값 표를 링크 자리별로 묶은 것입니다. 묶는 방식은 편집 판단입니다.
- 「읽는 쪽」 구분은 구글 rel 값 표에 있는 값과 HTML 표준이 브라우저 동작을 정한 값을 대조한 결과입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 원문은 영어판(hl=en)이고, 도구·보고서 이름은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다. HTML 표준은 영어 원문만 있습니다.