블로그 저품질 방지 2편: 광고 및 제휴 상품 SEO 최적화

블로그를 운영하며 수익형 블로그를 꿈꾸는 분들이라면 누구나 한 번쯤 제휴 상품 링크로 인해 블로그 저품질에 대한 두려움을 느껴보셨을 겁니다. 특히 쿠팡 파트너스와 같은 제휴 마케팅이나 외부 광고 링크를 본문에 삽입할 때, 이것이 검색 노출에 나쁜 영향을 주지 않을까 걱정하게 됩니다. 본문 내용과 상관없는 광고가 반복되면 검색엔진은 해당 페이지를 사용자에게 도움이 되지 않는 스팸성 게시글로 인식할 수 있기 때문입니다.

그렇다면 어떻게 해야 제휴 링크를 넣으면서도 내 소중한 블로그의 검색 순위를 안전하게 지킬 수 있을까요? 광고 수익은 챙기면서 검색 결과에서 밀려나지 않는 구체적인 검색엔진 최적화(SEO) 기술을 정리해 드립니다. 지난 글에 이어 이번 2편에서는 실제 코드에 적용할 수 있는 속성들을 중심으로 상세히 살펴보겠습니다.

광고 링크와 제휴 상품 노출 시 저품질을 피하는 HTML 설정법

우리는 검색엔진의 가이드라인을 준수하면서도 영리하게 광고를 배치해야 합니다. 인위적으로 광고를 숨기기보다, 검색 로봇에게 “이 부분은 광고입니다”라고 솔직하고 명확하게 알려주는 것이 장기적으로 훨씬 유리합니다.

1. 구글 검색 결과 요약에서 제외하는 data-nosnippet

구글 검색 결과 화면을 보면 제목 아래에 본문 내용 일부가 요약되어 보입니다. 이를 ‘스니펫’이라고 부릅니다. 만약 이 요약 부분에 광고 문구나 상품 가격만 노출된다면 사용자는 클릭을 주저하게 될 것입니다. 이때 data-nosnippet 속성을 사용하면 특정 영역이 검색 결과 요약문에 포함되지 않도록 설정할 수 있습니다.

• 적용 예시:

<div data-nosnippet>
  <!-- 이 영역의 광고 텍스트는 구글 검색 결과에 나오지 않습니다 -->
</div>

이 속성을 쓰면 검색엔진이 광고성 문구를 페이지의 핵심 주제로 오해하는 확률을 줄여주어 콘텐츠 품질을 유지하는 데 도움을 줍니다.

2. 크롤러의 시선을 돌리는 role=”presentation” 활용

웹 접근성 도구나 검색 로봇이 특정 영역을 단순한 레이아웃 구성 요소로 인식하게 만들고 싶을 때 사용합니다. role=”presentation” 속성을 부여하면 검색 로봇이 해당 박스를 중요한 정보가 담긴 콘텐츠가 아닌, 디자인을 위한 틀로 인식하여 분석 우선순위를 낮추게 됩니다.

• 적용 예시:

<div role="presentation" data-nosnippet>
  <!-- 광고성 박스 레이아웃 -->
</div>

이 방법은 크롤러가 본문의 핵심 가치를 판단할 때 광고 영역에 방해받지 않도록 보조하는 역할을 합니다.

3. 제휴 상품 링크에 반드시 넣어야 할 rel 속성 4가지

블로그에 추천 상품이나 외부 광고 사이트로 연결되는 링크를 걸 때는 반드시 rel 속성을 지정해야 합니다. 이는 검색엔진에게 링크의 성격을 규정해 주는 아주 중요한 작업입니다.

• nofollow: 검색 로봇에게 이 링크를 따라가서 점수를 주지 말라고 직접 지시합니다. 무분별한 링크 연결로 인한 스팸 차단 효과가 있습니다.
• sponsored: 구글에 이 링크가 정당한 대가를 받은 광고나 제휴 콘텐츠임을 투명하게 밝힙니다. 구글이 권장하는 가장 표준적인 방식입니다.
• noopener noreferrer: 새 창으로 링크를 열 때 보안을 강화하고 페이지 속도 저하를 막아주는 필수 보안 설정입니다.

현재 SEO 가이드라인에서 가장 권장하는 조합은 다음과 같습니다.

예시:

<a href="제휴링크주소" target="_blank" rel="noopener noreferrer nofollow sponsored">제품 상세 보기</a>

4. 페이지 전체를 숨기는 방법은 신중하게

특정 페이지를 아예 검색 결과에 나오지 않게 하려면 noindex 설정이나 robots.txt를 수정하기도 합니다. 하지만 이는 광고 박스 하나를 가리기 위해 페이지 전체를 포기하는 방식이므로, 일반적인 수익형 포스팅에는 적합하지 않습니다. 부분적인 제어가 가능한 HTML 속성을 쓰는 것이 훨씬 효율적입니다.

5. 외부 도메인을 이용한 iframe 로딩

광고 영역을 별도의 주소에서 불러오는 iframe 방식을 쓰면 메인 본문과 광고가 분리되어 검색엔진이 무시할 가능성이 큽니다. 하지만 과도하게 사용할 경우 페이지 로딩 속도가 느려져 방문자가 이탈할 수 있으니 적절히 조절해야 합니다.

실무 적용 예시: 상품 카드와 고지 문구 구성

실제로 검색 순위 하락을 방지하기 위해 저희가 사용하는 방식입니다. 상품 이미지와 가격이 포함된 카드 영역에 위 속성들을 조합하여 적용합니다.

<div class="product-card" data-nosnippet role="presentation">
  <img src="상품이미지주소" alt="블로그 저품질 방지를 위한 제휴 상품 이미지 정보" />
  <div class="product-title">추천 아이템 성함</div>
  <div class="product-price">판매 가격</div>

  <a href="제휴상품링크" target="_blank" rel="noopener noreferrer nofollow sponsored" aria-label="광고 상품 상세 보기" role="link">
    상세 보기
  </a>
</div>

이렇게 적절한 속성을 사용하면 광고성 요소들이 검색엔진의 인덱싱 범위를 침범하지 않게 됩니다. 결과적으로 본문과의 콘텐츠 연관성이 흐려지는 것을 막아주며, 검색 결과 화면에서 불필요한 정보가 노출되는 것을 방지하여 방문자의 클릭률을 높일 수 있습니다.

블로그 운영에서 가장 피해야 할 것은 검색엔진을 속이려 하는 행위입니다. 단축 URL로 링크를 숨기거나 편법을 쓰는 방식은 일시적으로 통할지 몰라도, 결국 검색엔진의 신뢰를 잃고 저품질 블로그가 되는 지름길입니다. 오히려 광고임을 명확히 표기하고 투명하게 nofollow sponsored 태그를 사용하는 것이 내 블로그를 오랫동안 건강하게 유지하는 지름길입니다.

접근성 보완을 위한 상세 속성 안내

SEO도 중요하지만 실제 사용자의 이용 편의도 놓쳐서는 안 됩니다. 아래 표를 참고하여 각 속성의 역할을 정확히 이해하고 배치해 보세요.

최종 정리

• data-nosnippet으로 검색 요약에 광고 텍스트 노출 방지
• role=”presentation”으로 정보 우선순위 조절
• 광고 링크에는 rel=”nofollow sponsored”를 넣어 SEO 페널티 예방
• 상품 이미지에는 반드시 문맥에 맞는 alt 속성 입력

이러한 블로그 관리 전략을 꾸준히 실천한다면 광고 수익과 검색 노출이라는 두 마리 토끼를 모두 잡을 수 있습니다. 지금 바로 내 블로그의 링크들을 점검해 보시는 건 어떨까요?