리디렉션(Redirection)이란?
리디렉션은 웹 페이지나 웹 사이트의 트래픽을 다른 위치로 전송하는 프로세스를 말한다. 사용자가 특정 URL에 액세스할 때 서버가 해당 요청을 받아 새로운 URL로 방향을 변경하는 것을 의미하며 티스토리 2차도메인 설정과 관련하여 HTML코드를 공유한다.
리디렉션의 주요 용도
- 사이트 이전 또는 새 주소로의 이동: 기존 웹 페이지가 새로운 주소로 옮겨졌을 때, 리디렉션을 사용하여 사용자가 자동으로 새로운 주소로 전환되도록 한다.
- URL 수정 및 간결화: 긴 URL을 간단하게 만들거나 특정 경로로 사용자를 안내하기 위해 리디렉션을 사용할 수 있다.
- 오류 처리: 사용자가 잘못된 URL에 액세스할 때 404 오류와 같은 오류 페이지 대신 다른 유효한 페이지로 리디렉션하여 더 나은 경험을 제공한다.
HTML 코드 예시
리디렉션은 HTML의 <meta> 태그나 JavaScript를 사용하여 구현한다. <meta> 태그를 사용한 리디렉션 예시는 아래와 같다
html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5;url=https://www.new-website.com">
<title>리디렉션 예시</title>
</head>
<body>
<p>5초 후에 새로운 웹 사이트로 자동으로 이동합니다.</p>
<p>만약 이동이 일어나지 않으면 <a href="https://www.new-website.com">여기</a>를 클릭하세요.</p>
</body>
</html>
위의 코드에서:
<meta http-equiv="refresh" content="5;url=https://www.new-website.com">라인은 5초 후에 지정된 URL로 리디렉션하는 역할을 한다.
요약
리디렉션은 웹 트래픽을 관리하고 사용자를 다른 위치로 안내하기 위한 중요한 웹 개발 개념이다.
티스토리 2차도메인 리디렉션 HTML코드
티스토리 리디렉션의 경우 스킨편집 -> html 편집에서 <head> 문단과 </head> 문단 사이에 아래 태그를 입력해야한다. 리디렉션과 관련된 텍스트를 저장하여 아래 올렸다.
<!-- 리디렉션 시작 -->
<script type="text/javascript">
var url1 = '티스토리주소.tistory.com';
var url2 = '변경된 도메인주소.com 등';
var online = document.URL;
if(online.match(url1)) document.location.href = online.replace(url1, url2);
</script>
<!-- 리디렉션 끝-->