수익형 블로그 자동화

글쓴이 /

결론부터 말씀드리면 target="_blank"(새 탭에서 열기)로 설정하는 것이 훨씬 바람직합니다.

쿠팡 파트너스와 같은 제휴 마케팅 링크를 운영할 때, 링크 클릭 시 새 탭으로 열리게 설정하는 것은 수익 최적화와 사용자 경험(UX) 측면에서 매우 중요한 전략입니다. 그 구체적인 이유와 주의할 점을 정리해 드립니다.

1. target="_blank"를 권장하는 3가지 이유

① 방문자 이탈 방지 (체류 시간 확보) 사용자가 링크를 클릭했을 때 현재 창에서 쿠팡으로 넘어가 버리면(_self), 사용자는 귀하의 웹사이트를 떠나게 됩니다.

  • 새 탭 설정 시: 사용자는 원래 보고 있던 귀하의 콘텐츠(리뷰, 정보)를 그대로 둔 채, 쿠팡 상품 페이지를 확인하게 됩니다. 만약 쿠팡에서 구매하지 않더라도 귀하의 사이트 탭이 남아 있으므로 다시 돌아와 다른 글을 읽거나 다른 링크를 클릭할 기회가 생깁니다.

② 쇼핑 경험 최적화 (정보 대조) 소비자는 보통 블로그나 웹사이트의 ‘상세 리뷰’와 쿠팡의 ‘상품 상세 페이지/가격’을 번갈아 가며 확인하고 싶어 합니다.

  • 두 페이지가 서로 다른 탭에 열려 있어야 사용자가 정보를 비교하기 편하며, 이는 구매 결정에 긍정적인 영향을 미칩니다.

③ ‘세션’ 유지와 SEO 사용자가 링크를 타고 나갔다가 뒤로 가기 버튼을 누르지 않고 브라우저를 종료해버리면, 검색엔진은 이를 ‘이탈’로 간주할 수 있습니다. 원본 탭을 살려두는 것은 사이트의 체류 시간을 유지하는 데 도움이 됩니다.

2. 반드시 함께 챙겨야 할 보안 및 SEO 속성

target="_blank"만 단독으로 사용하면 보안 취약점이 생길 수 있고, 검색엔진(구글 등)이 제휴 링크를 좋지 않게 평가할 수 있습니다. 따라서 아래 속성들을 반드시 함께 적어주세요.

필수 속성 조합: rel="noopener noreferrer sponsored"

  • noopener: 새 탭이 열릴 때, 새로 열린 페이지(쿠팡)가 원본 페이지(내 사이트)를 조작하지 못하도록 막아주는 보안 속성입니다.
  • noreferrer: 사용자가 어디서 왔는지에 대한 정보를 넘겨주지 않는 속성입니다 (보안 강화).
  • sponsored: 구글 등 검색엔진에게 “이 링크는 광고/제휴 링크이므로 내 사이트 점수(Link Juice)를 넘겨주지 말라”고 알리는 것입니다. 이것이 없으면 저품질 사이트로 인식될 위험이 있습니다.

3. 올바른 HTML 코드 예시

쿠팡 파트너스 링크를 삽입할 때 아래와 같은 형식을 사용하는 것이 가장 이상적입니다.

HTML

<a href="https://link.coupang.com/..." 
   target="_blank" 
   rel="noopener noreferrer sponsored">
   최저가 확인하기
</a>

요약

설정 방식사용자 경험사이트 체류추천 여부
현재 창 열기 (_self)흐름 끊김, 뒤로 가기 필요즉시 이탈비추천
새 탭 열기 (_blank)정보 비교 용이사이트 유지됨강력 추천

Sheets로 내보내기

사용 중이신 블로그나 웹사이트 플랫폼(워드프레스, 티스토리 등)에 따라 이 코드를 자동으로 적용하는 방법도 있습니다.

혹시 현재 운영 중인 플랫폼이 무엇인지 알려주시면, 그에 맞는 자동화 설정 방법이나 플러그인 팁을 알려드릴까요?

쿠팡 파트너스 활동을 하실 때 ‘일반 링크(URL)’ 방식인지, ‘다이나믹 배너(스크립트)’ 방식인지에 따라 접근 방법이 완전히 다릅니다.

사용자가 가장 많이 헷갈려하시는 부분이라 명확히 구분해서 설명해 드릴게요.

1. 일반 링크 (URL) 방식인 경우

가장 권장하는 방식입니다. 상품 링크나 텍스트 링크를 사용할 때는 <a> 태그(앵커 태그)에 직접 속성을 추가하면 됩니다.

적용 방법 (HTML 모드)

블로그 에디터(티스토리, 워드프레스 등)를 **’HTML 모드’**로 변경한 뒤, 쿠팡 링크 코드를 찾아 아래처럼 수정하세요.

HTML

<a href="https://coupa.ng/..." target="_blank">상품 보러가기</a>

<a href="https://coupa.ng/..." target="_blank" rel="noopener noreferrer sponsored">상품 보러가기</a>
  • 핵심: rel="noopener noreferrer sponsored"를 href 뒤나 target 뒤에 붙여넣기만 하면 됩니다.

2. 다이나믹 배너 (스크립트) 방식인 경우

주의가 필요합니다. 쿠팡에서 제공하는 <script src="..."> 형태의 코드는 사용자가 rel 속성을 임의로 추가할 수 없습니다.

HTML

<script src="https://ads-partners.coupang.com/g.js"></script>
<script>
    new PartnersCoupang.G({ ... });
</script>

왜 안 되나요?

  • 스크립트 태그 자체에는 rel="sponsored" 속성을 붙여도 작동하지 않습니다.
  • 이 스크립트는 실행되면 쿠팡 서버에서 ‘아이프레임(iframe)’이라는 창을 불러옵니다. 그 내부의 링크는 쿠팡이 관리하므로, 우리가 nofollow나 sponsored를 강제로 넣을 방법이 없습니다.
  • 이 때문에 SEO(검색최적화)를 중요하게 생각하는 블로거들은 스크립트 배너(움직이는 배너)를 잘 쓰지 않습니다.

3. 해결책: ‘수동 배너’ 만들기 (강력 추천)

스크립트 배너의 편리함은 가져오면서, SEO 점수도 지키고 rel 태그도 완벽하게 넣는 방법입니다. **”이미지 + 일반 링크”**를 조합하는 방식입니다.

단계별 방법:

  1. 이미지 캡처: 쿠팡 배너처럼 보이는 이미지를 직접 만들거나, 쿠팡 상품 이미지를 캡처해서 내 글에 넣습니다.
  2. 링크 생성: 쿠팡 파트너스에서 ‘간편 링크’나 ‘상품 링크’를 복사합니다.
  3. 링크 연결: 내 글에 올린 이미지에 링크를 걸고, HTML 모드에서 rel 태그를 추가합니다.

HTML

<a href="https://coupa.ng/..." target="_blank" rel="noopener noreferrer sponsored">
    <img src="내_블로그_이미지_주소.jpg" alt="쿠팡 상품 이미지">
</a>

요약 및 조언

  1. 텍스트/단축 URL: HTML 모드에서 <a ... rel="sponsored">를 직접 추가하세요.
  2. 스크립트 배너: rel 설정이 불가능합니다. 검색 엔진 점수가 걱정된다면 사용을 자제하는 것이 좋습니다.
  3. 대안: 이미지 배너(수동 배너) 방식을 사용하여 rel 태그를 직접 제어하는 것이 SEO와 클릭률 모두에 가장 유리합니다.

현재 사용 중인 블로그 에디터(티스토리, 워드프레스 구텐베르크 등)를 알려주시면, 코드를 안 건드리고도 버튼 하나로 이 속성을 넣는 방법을 알려드릴 수 있습니다. 필요하신가요?

티스토리와 워드프레스(구텐베르크)는 접근 방식이 조금 다릅니다. 워드프레스는 클릭 몇 번으로 가능하지만, 티스토리는 HTML 모드를 살짝 만져줘야 합니다.

각 플랫폼별로 가장 쉽고 확실한 방법을 정리해 드립니다.

1. 티스토리 (Tistory)

티스토리 에디터에는 rel 태그를 설정하는 메뉴가 따로 없습니다. 따라서 글 작성을 마친 후 마지막에 HTML 모드에서 코드를 수정하는 과정이 필요합니다.

[단계별 적용 방법]

  1. 글 작성 및 링크 삽입: 평소처럼 글을 쓰고, 텍스트나 이미지에 쿠팡 링크를 입힙니다. (링크 삽입 시 ‘새창으로 열기’ 체크 박스가 있다면 체크합니다.)
  2. HTML 모드로 전환: 에디터 상단 메뉴에서 기본모드를 클릭하고 HTML을 선택합니다.
  3. 링크 찾기 (Ctrl+F): 키보드의 Ctrl + F를 눌러 쿠팡 링크(예: coupa.ng 또는 coupang.com)를 검색합니다.
  4. 속성 추가하기:
    • <a href="..."> 태그를 찾습니다.
    • 태그 안에 target="_blank"가 보일 것입니다. 그 뒤에 한 칸 띄우고 rel 속성을 붙여넣습니다.

[코드 예시]

HTML

<a href="https://coupa.ng/..." target="_blank">쿠팡에서 보기</a>

<a href="https://coupa.ng/..." target="_blank" rel="noopener noreferrer sponsored">쿠팡에서 보기</a>

Tip: 글을 발행하기 직전에 이 작업을 수행하는 것이 가장 안전합니다. 수정 후 다시 ‘기본모드’로 돌아오면 티스토리 에디터가 코드를 정리하면서 속성을 지우는 경우가 간혹 있으니, HTML 모드 상태에서 바로 ‘완료(발행)’를 누르는 것을 추천합니다.

2. 워드프레스 구텐베르크 (WordPress Gutenberg)

워드프레스는 코드를 건드릴 필요 없이 에디터 자체 기능으로 지원합니다. 아주 간편합니다.

[방법 A: 개별 링크 설정 (기본 기능)]

  1. 링크 클릭: 에디터에서 링크가 걸린 텍스트나 버튼 블록을 클릭합니다.
  2. 편집 아이콘: 링크 툴바에서 연필 아이콘(편집) 혹은 링크 아이콘을 클릭합니다.
  3. 고급 설정 펼치기: 링크 입력창 아래에 있는 고급(Advanced) 혹은 설정 패널을 엽니다. (버전마다 UI가 조금 다를 수 있습니다.)
  4. 체크박스 선택: 아래 항목들을 체크합니다.
    • ✅ 새 탭에서 열기 (Open in new tab)
    • ✅ 검색엔진이 이 링크를 무시하도록 설정 (Mark as nofollow)
    • ✅ 스폰서 링크로 표시 (Mark as sponsored)
    • (최신 워드프레스는 ‘Sponsored’ 체크박스를 기본 지원합니다.)

[방법 B: 플러그인 사용 (자동화 – 강력 추천)] 매번 체크하기 귀찮거나, 실수로 빼먹는 것을 방지하려면 플러그인을 쓰는 게 정신건강에 좋습니다.

  • 추천 플러그인: WP External Links (무료)
  • 설정 방법:
    1. 플러그인 설치 및 활성화.
    2. 설정 메뉴에서 External Links(외부 링크) 탭 클릭.
    3. Set follow or nofollow 항목을 **nofollow**로 선택.
    4. Add values to rel 항목에 sponsored 체크.
    5. Open external links 항목을 **each in a separate new tab**으로 선택.
    • 결과: 이렇게 하면 내 사이트 내의 모든 외부 링크(쿠팡 포함)에 자동으로 target="_blank", nofollow, sponsored, noopener, noreferrer가 다 붙습니다. (내부 링크는 제외됨)

요약

플랫폼추천 방법난이도특징
티스토리HTML 모드 수정중간발행 직전 코드를 직접 수정해야 함 (익숙해지면 빠름)
워드프레스플러그인 사용매우 쉬움‘WP External Links’ 설치 후 설정 한 번이면 끝. 평생 신경 안 써도 됨.

Sheets로 내보내기

워드프레스를 쓰신다면 **방법 B(플러그인)**를 강력하게 추천해 드립니다. 티스토리라면 메모장에 rel="noopener noreferrer sponsored"를 저장해두고 복사해서 쓰시면 편합니다.

혹시 워드프레스 플러그인 설치 방법을 모르시거나, 티스토리 HTML 수정 중 헷갈리는 부분이 있다면 말씀해 주세요.

관련있는 글

외부 링크 팔로우 안 함

/ By / 수익형 블로그

SEO(검색엔진 최적화) 관점에서의 웹사이트 성능에 큰 도움이 됩니다. 여기서 말하는 ‘성능’은 웹사이트의 로딩 속도보다는 블로그나 웹사이트의 ‘검색 엔진 점수(신뢰도)’를 지키는 […]

Read Post »

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤