링크 rel 속성 정리 - nofollow, sponsored, ugc 차이와 SEO 활용법

· 조회수 26

웹사이트에서 다른 페이지나 외부 사이트로 링크를 걸 때, rel 속성을 함께 쓰는 경우가 많습니다. 특히 SEO 쪽에서 자주 등장하는 게 nofollow, sponsored, ugc인데, 이름은 들어봤어도 정확히 언제 어떤 걸 써야 하는지 헷갈리기 쉽습니다. 하나씩 정리해봤습니다.

rel="nofollow" — 검색엔진에 추천하지 않는 링크

<a href="https://example.com" rel="nofollow">링크</a>

nofollow는 이 링크를 사이트에서 적극적으로 추천하거나 보증하지 말라는 신호를 검색엔진에 전달하는 속성입니다.

주로 이런 경우에 사용합니다.

  • 신뢰하기 어려운 외부 사이트로 연결되는 링크
  • 사용자가 임의로 등록할 수 있는 링크
  • 링크는 제공하지만 직접 추천하고 싶지는 않은 경우

예전엔 구글이 nofollow가 붙은 링크에는 페이지랭크를 아예 전달하지 않는다고 단순하게 설명하는 경우가 많았는데, 지금은 구글이 이걸 힌트(hint)로 참고하는 정도로 다루고 있습니다.

rel="sponsored" — 광고나 유료 링크

<a href="https://example.com" rel="sponsored">광고 링크</a>

sponsored는 광고, 협찬, 유료 콘텐츠, 제휴 마케팅처럼 금전적인 관계가 있는 링크임을 검색엔진에 알려주는 속성입니다.

  • 광고비를 받고 작성한 콘텐츠의 링크
  • 협찬을 통해 작성한 게시물의 링크
  • 제휴 마케팅 링크
  • 유료 배너 광고 링크

광고성 링크라면 그냥 nofollow만 쓰는 것보다 sponsored를 쓰는 게 링크의 성격을 훨씬 정확하게 전달합니다.

rel="ugc" — 사용자가 작성한 링크

<a href="https://example.com" rel="ugc">관련 사이트</a>

UGC는 User Generated Content, 즉 사용자가 직접 작성한 콘텐츠를 뜻합니다. 댓글이나 게시판처럼 운영자가 직접 쓰지 않은 콘텐츠에 포함된 링크를 표시할 때 씁니다.

  • 댓글에 포함된 링크
  • 게시판에 사용자가 작성한 링크
  • 사용자 리뷰에 포함된 링크
  • 커뮤니티 게시글에 포함된 링크

여러 rel 속성을 함께 쓰는 경우

하나의 링크에 여러 rel 값을 공백으로 구분해서 같이 쓸 수도 있습니다. 예를 들어 사용자가 작성한 콘텐츠에 광고성 링크가 포함돼 있다면 이렇게 씁니다.

<a href="https://example.com" rel="ugc sponsored">링크</a>

사용자 콘텐츠이면서 추천하지 않는 링크라는 의미까지 함께 전달하려면 이렇게도 쓸 수 있습니다.

<a href="https://example.com" rel="ugc nofollow">링크</a>

noopener, noreferrer — SEO가 아닌 보안 관련 속성

noopener와 noreferrer는 SEO 목적의 속성이 아닙니다. nofollow와 같은 SEO 속성으로 착각하지 않는 게 중요합니다.

noopener는 target="_blank"로 링크를 새 탭에서 열 때 보안·브라우저 동작과 관련해서 사용합니다.

<a href="https://example.com" target="_blank" rel="noopener">새 탭으로 열기</a>

noreferrer는 링크를 클릭했을 때 방문자가 어느 페이지에서 넘어왔는지 나타내는 Referer 정보의 전달을 제한하는 용도입니다.

<a href="https://example.com" target="_blank" rel="noreferrer">링크</a>

rel 속성 한눈에 보기

속성 주요 용도 SEO 관련
nofollow 추천하지 않는 링크 O
sponsored 광고·협찬·유료 링크 O
ugc 댓글·게시판 등 사용자 콘텐츠 링크 O
noopener 새 탭 링크의 보안 처리 아니요
noreferrer Referer 정보 전달 제한 아니요

사이트 운영할 때는 이렇게 쓰면 됩니다

내부 링크나 직접 확인한 신뢰할 수 있는 외부 링크라면 굳이 nofollow를 붙일 필요는 없습니다.

반면 사용자가 댓글이나 게시판에 자유롭게 링크를 등록할 수 있는 구조라면 이렇게 ugc와 nofollow를 함께 쓸 수 있습니다.

<a href="https://example.com" rel="ugc nofollow">사용자 링크</a>

광고나 제휴 마케팅처럼 금전적인 관계가 있는 링크라면 sponsored를 쓰는 게 적절합니다.

<a href="https://example.com" rel="sponsored">제휴 링크</a>

결국 nofollow는 추천하지 않는 링크, sponsored는 광고·유료 링크, ugc는 사용자 콘텐츠 링크라고 기억하시면 쉽게 구분됩니다.

"쓸데 없는 지식에서도 큰 기쁨을 얻을 수 있다. - 버트런드 러셀 There is much pleasure to be gained from useless knowledge. - Bertrand Russell"

- 지식 -

북마크목록