JavaScript 리디렉션은 SEO 친화적일까?
- Technical SEO
- 2022. 12. 22.
다양한 리디렉션 방법이 있지만, 현재 JavaScript 리디렉션을 많이 사용한다.
경쟁사 분석을 통해 타 웹사이트를 보면 모두 같은 언어를 사용한다.
그럼, JavaScript 리디렉션은 SEO에 친화적일까?
이 글을 통해 JavaScript 리디렉션은 SEO 친화적일까?에 대해서 알아보자.
작가 소개
Javascript 리디렉션은 SEO 친화적일까?
Javascript 리디렉션이란 무엇일까?
JavaScript 리디렉션은 사용자와 웹 크롤러에게 페이지를 다른 위치에서 사용할 수 있는 방법 중 하나이다.
URL 구조 변경 사항을 사용자에게 알리는 데 자주 사용되지만 거의 모든 용도로 사용할 수 있다.
현재 웹 사이트는 이러한 유형의 리디렉션을 사용하여 웹 페이지의 HTTPS 버전으로 리디렉션 한다.
그리고 원래 URL을 방문할 때마다 브라우저는 JavaScript 파일을 로드하고 안에 코드를 불러온다.
이러한 방식으로 리디렉션이 실행하면 여러 면에서 좋다.
예를 들어, 사이트의 모든 단일 URL을 수동으로 업데이트하지 않고 URL을 전환할 수 있다.
또한 JavaScript 리디렉션을 사용하면 검색엔진이 콘텐츠를 더 쉽게 찾을 수 있다.
리디렉션 유형 3가지
서버 측 리디렉션
대부분 리디렉션은 서버 측 리디렉션이다.
이러한 유형의 리디렉션은 서버에서 시작되며 페이지가 로드될 때 서버가 사용자 또는 검색 엔진을 리디렉션 할 위치를 결정하는 곳이다.
서버는 3xx HTTP 상태 코드를 반환하여 이를 실행한다.
SEO상 이유로 대부분 서버 측 리디렉션을 사용한다.
클라이언트 측 리디렉션
클라이언트 측 리디렉션은 브라우저가 사용자를 보낼 위치를 결정하는 리디렉션이다.
다른 옵션이 없는 상황이 아니라면 사용할 필요는 없다.
메타 리디렉션
메타 쪽은 SEO에서 최악의 수이다.
모든 브라우저에서 지원되는 것이 아니며 오히려 사용자에게 혼란을 준다.
서버 측 301 리디렉션을 쓰는 것이 훨씬 좋다.
자바스크립트 리디렉션
자바스크립트 언어를 사용하여 다른 URL로 리디렉션을 한다.
평소에 JavaScript 리디렉션이 SEO에 문제를 일으킨다는 일반적인 믿음이 있다.
그러나 JavaScrpt 리디렉션이 유일한 선택이라면 사용할 수 있다.
어떻게 사용하면 좋을까?
리디렉션 체인 피하기
리디렉션 체인은 둘 이상의 리디렉션이 있는 모든 상황을 나타낸다.
예를 들어, 리디렉션 1 > 2 > 3 > 4 > 5 방식으로 나타낸다.
구글은 최대 3개만 처리할 수 있지만 더 많은 리디렉션을 처리한다.
이상적인 SEO는 1개만 요구된다.
많아질수록 UX가 느려지고 이해도가 떨어질 수 있기 때문이다.
리디렉션 루프 방지
리디렉션 루프는 본질적으로 무한 루프이다.
URL을 자신에게 리디렉션 할 때 발생한다.
예를 들어, 리디렉션 1 > 2 > 3 > 2 이런 방식이다.
사용자와 관련하여 해당 루프는 URL에 있는 특정 리소스에 대한 모든 액세스를 제거한다.
그리고 "리디렉션이 너무 많습니다"라는 오류가 발생된다.
검색 엔진 경우 크롤링 예산을 크게 낭비할 수 있다.
봇에게 혼란을 야기하며, 결국 수동으로 진행될 수밖에 없다.
체인 루프를 유발하는 리디렉션을 제거하고 200 OK 작동 URL로 변경하면 된다.
오늘 내용을 정리하면 아래와 같다.
- 리디렉션 체인을 피하자.
- 리디렉션 루프 방지를 통해 크롤링 예산을 최대한 줄이자.
결론
리디렉션 횟수가 너무 많은 경우 이미 검색엔진 최적화에 안 좋은 것이 확실하다.
오류를 빠르게 고치고 꾸준히 웹을 개선시키는 것이 중요하다.
<참조: Are Javascript Redirects SEO Friendly?>
더 알아보기
- 에스이오 홈페이지 : 검색엔진 최적화(SEO) FACT만 제공하는 콘텐츠 페이지.
- 에스이오_검색엔진 최적화 7가지 : 2019년부터 쌓아온 SEO를 정석으로 배울 수 있는 전자책.
- 에스이오 부트캠프_30일 : SEO Analyst에게 구글 SEO를 A to Z까지 30일 동안 1:1로 배울 수 있는 강의.