"블로그스팟 2차 도메인 연결 후 0.3초의 찰나, 내부 링크 리디렉션 완벽 해결법"

2차 도메인을 입힌 블로그스팟에서 '도메인 리디렉션'과 'HTTPS 사용 설정'을 활성화하고, 서치콘솔에 '주소 변경'을 알렸다.
이사 준비가 끝났다고 생각하고 있던 나, 응? 뭐가 이상하다!
글에 걸어둔 내부 링크를 클릭하면, 주소창이 blogspot으로 잠깐 바뀌었다가 다시 돌아오는 0.3초 정도 찰나의 순간을 발견한 것. 이렇게 나의 집착은 다시 시작되었다.

내부 링크 자동 치환 스크립트 적용 전후 비교 화면

내부 링크 자동 치환 스크립트 적용법

이 스크립트는 사용자가 내 블로그에 들어왔을 때, 본문 내의 '구 주소 링크'를 실시간으로 '새 주소'로 바꿔주는 역할을 한다. 즉, '클릭 시' 주소를 바꿔주는 것이며, 구글 검색을 통해 들어오는 접속은 블로그스팟 자체 설정의 '리디렉션 활성화'가 담당한다.

1. 스크립트 적용하기

블로그스팟(Blogger) 관리 화면으로 이동한다.
[테마] 메뉴에서 [맞춤 설정] 옆의 화살표(▼) > [HTML 편집]을 클릭한다.
Ctrl + F를 눌러 </body> 태그를 찾는다. 보통 제일 아래에 위치.
</body> 바로 위에 아래 코드를 복사해서 붙여넣는다.

HTML


<script type='text/javascript'>
//<![CDATA[
  (function() {
    // 1. 기존 블로그스팟 주소 (abc.blogspot.com 부분을 자신의 주소로 수정)
    var oldDomain = "abc.blogspot.com";
    
    // 2. 새로 연결한 2차 도메인 주소 (www.abc.com 부분을 자신의 도메인으로 수정)
    var newDomain = "www.abc.com";
    
    var links = document.getElementsByTagName('a');
    for (var i = 0; i < links.length; i++) {
      var href = links[i].getAttribute('href');
      
      // 링크 주소에 구 주소가 포함되어 있는지 확인
      if (href && href.indexOf(oldDomain) !== -1) {
        // 모든 구간의 구 주소를 새 주소로 일괄 치환
        var newHref = href.split(oldDomain).join(newDomain);
        links[i].setAttribute('href', newHref);
      }
    }
  })();
//]]>
</script>

2. 유의 | 참고 사항

oldDomain: 본인의 기존 블로그스팟 주소에서 https://를 제외한 주소를 넣는다. (예: "abc.blogspot.com")
newDomain: 새로 구입해서 연결한 도메인 주소를 www를 포함하여 넣는다. (예: "www.abc.com")
주소를 감싸고 있는 큰따옴표(" ")는 지우지 않도록 주의한다.

블로그스팟 HTML 편집, 내부 링크 자동 치환 스크립트 삽입 화면

www는 왜 새 도메인 주소에만 붙이는데?

oldDomain에 abc.blogspot.com을 넣은 이유: 링크가 http://로 시작하든 https://로 시작하든, 혹은 앞에 www가 붙어있든 상관없이 "blogspot 주소"라는 키워드만 있으면 싹 다 찾아내기 위함.
newDomain에 www.abc.com을 넣은 이유: 블로그스팟에서 2차 도메인을 쓸 때는 보통 www가 붙은 주소를 최종 목적지로 사용하기 때문에, 클릭 시 정확히 그 주소로 이동하게끔 설정한 것.

오늘의 한마디

가장 좋은 방법은 내부 링크로 걸어둔 글들의 URL을 전부 다 수정하는 것이지만, 너무 많다면 위의 스크립트로 해결하자. 이 설정은 기존에 작성된 수백 개의 게시글 내부 링크를 일일이 수정하지 않아도 되는 가장 스마트한 해결책이 될 수 있다.

이 블로그 검색

더한스픽