SEO를 위한 내외부 링크 관리와 자동 nofollow 설정 방법

글자 크기

블로그를 운영하거나 웹사이트를 관리하다 보면 링크 설정에 대해 고민하게 됩니다. 내부링크는 어떻게 걸어야 할까? 외부링크는 새 탭에서 열어야 할까? 이런 질문들이 떠오르곤 하죠. 그래서 오늘은 SEO를 위한 내외부 링크 관리와 자동 nofollow 설정 방법에 대해 알아보겠습니다.

SEO를 위한 내외부 링크 관리와 자동 nofollow 설정 방법



내부링크 최적화, 사용자 경험과 SEO의 상승효과

내부링크는 같은 웹사이트 내의 다른 페이지로 연결되는 링크를 말합니다. 이러한 내부링크를 현재 탭에서 열리도록 설정하면 여러 가지 장점이 있습니다.

  • 먼저, 사용자 경험이 크게 향상됩니다. 사용자가 웹사이트를 탐색할 때, 새로운 탭이 계속해서 열리는 것보다 현재 탭에서 페이지 간 이동이 이루어지는 것이 더 자연스럽고 편리합니다. 이는 사용자가 웹사이트의 구조를 이해하고 원하는 정보를 찾는 데 도움을 줍니다.
  • 또한, 내부링크를 통한 원활한 페이지 간 이동은 사용자의 페이지뷰와 체류 시간을 증가시킵니다. 이는 간접적으로 SEO에 긍정적인 영향을 미칩니다. 검색 엔진은 사용자가 웹사이트에서 오래 머물고 여러 페이지를 방문할수록 그 웹사이트의 콘텐츠가 가치 있다고 판단하기 때문입니다.
  • 더불어, 잘 구성된 내부링크 구조는 검색 엔진 크롤러가 웹사이트의 구조를 더 쉽게 이해하고 인덱싱하는 데 도움을 줍니다. 이는 결과적으로 검색 결과에서의 웹사이트 가시성을 높이는 데 기여합니다.

링크 주스(Link Juice) 관리, SEO권위의 효율적 분배

‘링크 주스’라는 용어는 SEO 분야에서 한 페이지에서 다른 페이지로 전달되는 SEO 파워나 권위를 의미합니다. 외부링크에 nofollow 속성을 추가하면 이 링크 주스가 외부 사이트로 흘러나가는 것을 방지할 수 있습니다.

이 방법의 주요 이점은 자신의 웹사이트 내 중요한 페이지로 링크 주스를 집중시킬 수 있다는 것입니다. 예를 들어, 메인 페이지나 핵심 상품 페이지 등 SEO적으로 중요한 페이지로의 내부링크는 dofollow로 유지하고, 덜 중요한 외부 사이트로의 링크는 nofollow로 설정하여 링크 주스를 효율적으로 관리할 수 있습니다.

그러나 이 방법을 사용할 때는 주의가 필요합니다. 모든 외부링크에 무차별적으로 nofollow를 적용하는 것은 바람직하지 않습니다. 신뢰할 수 있는 외부 사이트나 참고 자료에 대한 링크는 dofollow로 유지하는 것이 자연스럽고 건전한 웹 생태계를 만드는 데 도움이 됩니다.

보안 강화, 안전한 웹 환경 구축

외부링크를 설정할 때 보안 측면도 고려해야 합니다. 외부링크에 noopener와 noreferrer 속성을 추가하면 몇 가지 보안 취약점을 줄일 수 있습니다.

noopener 속성은 새 페이지가 window.opener 객체를 통해 원래 페이지에 접근하는 것을 방지합니다. 이는 악의적인 웹사이트가 사용자를 피싱 사이트로 리다이렉트하는 등의 공격을 막는 데 도움이 됩니다.

noreferrer 속성은 새 페이지로 HTTP 리퍼러 헤더를 전송하지 않도록 합니다. 이는 개인정보 보호에 도움이 되며, 방문자의 출처를 숨길 수 있습니다.

이러한 보안 속성들을 사용하면 사용자의 안전을 지키는 동시에 웹사이트의 신뢰도를 높일 수 있습니다. 이는 간접적으로 SEO에도 긍정적인 영향을 미칠 수 있습니다.

사용자 경험 개선, 외부링크의 새 탭 열기

외부링크를 새 탭에서 열도록 설정하면 사용자 경험을 개선할 수 있습니다. 이 방식의 주요 이점은 사용자가 원래 페이지를 잃지 않고 외부 콘텐츠를 볼 수 있다는 것입니다.

예를 들어, 블로그 글을 읽다가 외부 참고 자료를 확인해야 할 때, 새 탭에서 열리면 사용자는 원래 읽던 글을 그대로 유지한 채 외부 정보를 확인할 수 있습니다. 이는 사용자의 정보 탐색 흐름을 방해하지 않으면서도 추가 정보를 제공할 수 있는 효과적인 방법입니다.

그러나 이 방법 역시 균형 잡힌 접근이 필요합니다. 모든 외부링크를 새 탭에서 열도록 강제하면 사용자의 브라우징 습관을 제한할 수 있습니다. 일부 사용자는 자신이 원할 때 새 탭을 열기를 선호할 수 있으므로, 사용자의 선택권을 존중하는 것도 중요합니다.

구글의 링크 평가, 자연스러운 링킹 패턴의 중요성

SEO 전략을 수립할 때 항상 고려해야 할 점은 검색 엔진, 특히 구글이 어떻게 링크를 평가하는지입니다. 구글은 자연스러운 링킹 패턴을 선호합니다. 이는 웹사이트가 인위적으로 조작되지 않고, 실제 사용자와 웹마스터의 자연스러운 행동을 반영하는 링크 구조를 의미합니다.

모든 내부링크는 현재 탭에서 열리고, 모든 외부링크는 새 탭에서 열리며 nofollow 속성이 붙어있는 등의 일괄적인 처리는 이러한 자연스러움을 해칠 수 있습니다. 실제 웹사이트들은 다양한 목적과 상황에 따라 링크를 다르게 설정하기 때문입니다.

따라서, 링크 설정 시 각 링크의 목적과 컨텍스트를 고려하여 적절히 다양한 설정을 사용하는 것이 좋습니다. 이는 구글에게 더 자연스럽고 신뢰할 수 있는 웹사이트로 인식되는 데 도움이 될 수 있습니다.

외부링크에 nofollow 속성 자동 추가 및 새탭으로 열기

모든 외부링크에 nofollow 속성을 추가하고 새탭으로 열기 위해서는 테마 파일중 functions.php에 필요한 코드를 추가해야 합니다. 코드는 아래와 같으며, 내부링크는 그대로 두고, 외부링크일 경우 링크에 target="_blank" rel="nofollow noopener noreferrer" 속성을 추가하도록 되어 있습니다.

<?php
/**
* 외부 링크를 수정하는 함수
*
* 이 함수는 워드프레스 컨텐츠 내의 모든 링크를 검사하고,
* 외부 링크에 대해 새 탭에서 열기 및 nofollow 속성을 추가합니다.
*
* @param string $content 워드프레스 게시물 내용
* @return string 수정된 컨텐츠
*/
function modify_external_links($content) {
// 현재 사이트의 호스트 이름을 가져옵니다.
$home_url = parse_url(home_url(), PHP_URL_HOST);

// preg_replace_callback 함수를 사용하여 모든 링크를 찾고 처리합니다.
return preg_replace_callback(
// 정규 표현식: <a> 태그와 href 속성을 찾습니다.
'/<a[^>]+href=["\'](?P<href>[^"\']+)["\'][^>]*>/i',

// 각 링크에 대해 실행될 콜백 함수
function ($matches) use ($home_url) {
// 링크의 URL을 파싱합니다.
$url = parse_url($matches['href']);

// 링크가 외부 링크인지 확인합니다.
// 1. host가 설정되어 있고 (절대 URL인 경우)
// 2. host가 현재 사이트와 다르며 (외부 링크인 경우)
// 3. mailto: 링크가 아닌 경우
if (isset($url['host']) && $url['host'] !== $home_url && substr($matches['href'], 0, 7) !== 'mailto:') {
// 외부 링크인 경우, 새 속성들을 추가합니다.
return str_replace('<a', '<a target="_blank" rel="nofollow noopener noreferrer"', $matches[0]);
}

// 내부 링크이거나 mailto: 링크인 경우, 원래 링크를 그대로 반환합니다.
return $matches[0];
},
$content
);
}

// 워드프레스 컨텐츠 필터에 이 함수를 추가합니다.
add_filter('the_content', 'modify_external_links');


코드가 준비되었으니, 다음으로 워드프레스 관리자 화면에서 ‘모양’ → ‘테마 파일 편집기’로 이동한 후 오른쪽 사이드에서 ‘functions.php’를 클릭하여 엽니다. 파일 맨 아래로 이동한 다음, 위의 코드를 복사하여 붙여넣습니다. 저는 주석을 제거하고 붙여넣었습니다. 붙여넣기가 완료되면 ‘파일 업데이트’를 클릭하면 반영됩니다.

SEO를 위한 내외부 링크 관리와 자동 nofollow 설정을 위해 준비한 코드를 추가합니다


반영된 코드가 제대로 기능하는지 확인해 보겠습니다. 제 블로그에서 외부 링크가 있는 글을 선택한 다음, 크롬 브라우저의 개발자 도구를 열어 외부 링크를 확인해 보면 오른쪽과 같이 rel="nofollow noopener noreferrer"가 추가된 것을 확인할 수 있습니다.

외부링크에 nofollow 속성과 새탭으로 열리는 코드가 추가된 것을 확인할 수 있습니다



마무리

내부링크와 외부링크를 구분하여 설정하는 것은 분명 SEO에 도움이 될 수 있습니다. 그러나 이는 상황에 따라 다르며, 앞서 살펴본 장단점을 고려한 균형 잡힌 접근이 필요합니다.

가장 중요한 것은 사용자 경험을 최우선으로 고려하는 것입니다. 웹사이트의 구조와 목적, 타겟 오디언스의 특성 등을 종합적으로 고려하여 링크 전략을 수립해야 합니다.

중요한 내부 페이지로의 링크는 강조하고, 신뢰할 수 있는 외부 사이트에 대해서는 자연스러운 링크를 유지하는 것이 좋습니다. 또한, 보안과 사용자 편의성을 고려하여 적절히 noopener, noreferrer 속성을 사용하고, 새 탭에서 열릴 링크를 선별하는 것이 효과적입니다.

오늘은 SEO를 위한 내외부 링크 관리와 자동 nofollow 설정 방법에 대해 알아보았습니다. 효과적인 링크 전략은 웹사이트의 사용자 경험을 개선하고 검색 엔진 최적화에 도움을 줄 수 있습니다. 이 정보가 여러분의 웹사이트나 블로그 운영에 유용하게 활용되어 더 나은 성과를 얻는데 도움이 되기를 바랍니다.