티스토리의 일부 글 이전 후 리디렉션 설정하기 (자바스크립트)

워드프레스 정보를 제공하는 블로그 Avada 2023. 7. 3. 07:06 • 댓글:

지난 6월 27일부터 카카오에서 티스토리 자체 광고를 신설했습니다. 자체 광고를 신설한 지 거의 일주일이 다 되어 가네요. 이 짧은 일주일 동안 많은 변화가 있었습니다. 극소수의 티스토리 블로거들은 워드프레스 등으로 이전을 단행했지만, 대다수의 블로거들은 불만을 표하면서도 티스토리를 계속 사용하지 않을까 생각됩니다. 어떤 분은 오늘이나 내일 티스토리의 추가 공지를 보고 이전 여부를 결정하겠다고도 하시네요. 한 발 물러서겠다는 추가 공지가 나올지 이번주에 지켜봐야 할 것 같습니다.

티스토리의 일부 글 이전 후 리디렉션 설정하기 (자바스크립트)
티스토리 자체 광고 신설 공지.

티스토리를 워드프레스로 이전하는 다양한 방법이 있습니다. 일괄적으로 이전하는 방법은 "티스토리 백업 파일을 이용하여 워드프레스로 이사하기 (업데이트)"를 참고해보시기 바랍니다.

어떤 분은 WordPress Automatic Plugin을 사용하여 하나씩 이전을 시도하기도 하네요.

 

티스토리 글을 워드프레스에 쉽게 발행하기 (+아마존 어필리에이트, 페이스북, 트위터 자동 포스

티스토리에서는 백업 기능을 제공하지 않지만 구글링 해보면 HTML로 백업하는 프로그램을 이용할 수 있을 것입니다. 티스토리 글을 워드프레스에도 발행하고 싶은 경우 복사하여 붙여넣기 해도

avada.tistory.com

글을 하나씩 복붙 방식으로 워드프레스나 구글 블로그스팟 등으로 옮기는 방식을 택하였다면, 옮긴 글에 대해서는 삭제하는 대신 301 리디렉션을 설정하면 피해를 조금 줄일 수 있을 것입니다. 리디렉션을 설정하면 해당 글로 유입되는 방문자를 새 URL로 보낼 수 있습니다.

[경고*티스토리에서 리디렉션을 설정하면 어뷰징으로 처음에는 30일 계정 정지, 이후에는 영구 정지된다고 합니다. 그러므로 리디렉션을 설정할 때에는 이 점을 감안하여 설정 여부를 결정하시기 바랍니다. 아래 코드를 활용한다면 스크립트 내의 redirections, redirection 같은 단어를 단어 표현으로 일괄 변경한다면 티스토리에서 해당 코드가 리디렉션 관련 코드라는 점을 쉽게 파악하지 못하게 하는 데 도움이 될지도 모르겠습니다(순전히 제 뇌피셜임).*]

티스토리의 일부 글 이전 후 리디렉션 설정하기 (자바스크립트)

티스토리의 경우 서버에 대한 접근 권한을 제공하지 않으므로 자바스크립트를 사용하여 리디렉션을 설정할 수 있습니다. 이 방식은 웹 표준 방식은 아니지만 현재로서는 최선의 방법 같습니다.

모든 글을 일괄적으로 이전하는 경우에는 상황에 따라 적절한 301 리디렉션을 설정해야 합니다.

 

티스토리에서 워드프레스로 이전 후 301 리디렉션 설정하기(종합) - 워드프레스 정보꾸러미

티스토리 백업본을 사용하여 워드프레스로 이전할 수 있습니다. 이전 시 기존 티스토리 블로그의 URL이 그대로 유지된다면 301 리디렉션을 설정하여 티스토리 블로그의 URL로 유입되는 방문자들

www.thewordcracker.com

301 리디렉션 설정은 신중해야 합니다. 잘못 설정하면 SEO에 큰 문제가 발생할 수 있고, 회복하려면 많은 시간이 소요될 수 있습니다.

먼저는 테스트 티스토리 사이트에서 테스트를 해보고, 실제 사이트에 적용하는 것이 안전합니다.

티스토리 글들을 하나씩 워드프레스 등으로 이전한 후에 이전 완료된 글에 대하여 티스토리 스킨 편집을 통해 리디렉션을 설정할 수 있습니다. 

티스토리에 로그인한 다음, 꾸미기 » 스킨 편집을 클릭합니다.

티스토리 스킨 편집

html 편집 버튼을 누릅니다.

HTML 탭에서 <head>...</head> 사이에 다음과 같은 형식으로 리디렉션 코드를 추가할 수 있습니다.

<script>
// Define the redirection mappings
var redirections = [
  {
    from: 'https://my-blog.tistory.com/2109',
    to: 'https://example.com/new-post'
  },
  {
    from: 'https://my-blog.tistory.com/2213',
    to: 'https://example.com/another-post'
  },
  {
    from: 'https://my-blog.tistory.com/2742',
    to: 'https://example.com.com/another-post-2'
  },
  {
    from: 'https://my-blog.tistory.com/2816',
    to: 'https://example.com/target-post'
  }
];

// Get the current URL
var currentUrl = window.location.href;

// Check if the current URL needs redirection
for (var i = 0; i < redirections.length; i++) {
  var redirection = redirections[i];
  if (currentUrl === redirection.from) {
    // Redirect the user to the target URL
    window.location.replace(redirection.to);
    break;
  }
}
</script>

이 방법은 if-else 구문에 비해 확장성과 유지관리 측면에서 더 효과적이고 많은 리디렉션을 설정할 때 유리하다고 합니다. 

Yes, the second format you provided with an array of redirection mappings would be better when you have many URLs to redirect. This format offers better scalability and maintainability compared to using separate if-else statements for each redirection.

마치며

티스토리 자체 광고 신설 때문에 애드센스 광고 게재 제한을 당하는 분들이 증가하고 있습니다. 티스토리 자체 광고 때문에 무효 클릭이 되는 등의 문제가 발생하여 본의 아니게 애드센스 정책을 위반하는 사례가 있는 것 같습니다.

만약 티스토리에 남는 것을 선택한다면 흔남님 블로그처럼 티스토리 자체 광고보다 더 큰 광고를 상단에 배치하여 티스토리 자체 광고와 경쟁하여 이길 수 있는 전략을 모색하는 것도 고려해 볼 수 있을 것입니다.

수익이 급속히 하락하거나 광고 게재 정지 등의 제재를 당하는 경우에는 워드프레스나 구글 블로그로 이사하는 것도 하나의 옵션이 될 수 있으리라 생각됩니다.

참고

https://avada.tistory.com/3046

 

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 비교 (Cloudways vs. Bluehost)

저는 오랫동안 블루호스트(Bluehost)를 이용해 왔으며 2021년부터는 클라우드웨이즈(Cloudways) 웹호스팅 서비스도 함께 이용하고 있습니다. 현재 메인 워드프레스 블로그는 Bluehost에서 호스팅되고 있

avada.tistory.com

https://avada.tistory.com/3054

 

티스토리 자체 광고에 대처하여 수익을 지켜내는 방법

티스토리 자체 광고가 어제부터 시작되었습니다. 하지만 예상보다 티스토리 자체 광고가 나쁜 편이고, 광고 크기도 엄청나네요. ​구글 애드센스 수익의 대부분의 본문 상단 광고에서 나오는

avada.tistory.com

https://avada.tistory.com/2897

 

엘리멘터 무료 버전 vs. 프로 버전 비교

엘리멘터(Elmentor)는 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더 플러그인입니다. 엘리멘터는 무료 버전과 프로 버전으로 제공됩니다. Elementor 프로 버전에서

avada.tistory.com

https://avada.tistory.com/2889

 

워드프레스 GeneratePress 테마: 댓글 섹션에 안내 문구 표시하기

워드프레스 댓글 섹션에 안내 문구나 특정 문구를 표시하고 싶은 경우가 있습니다. 그런 경우 테마 파일을 수정하는 것을 고려해 볼 수 있습니다. GeneratePress 테마를 사용하는 경우 훅(hook)을 사

avada.tistory.com