HTML 메타 태그로 몇 초 후 URL을 다른 웹사이트로 자동 리디렉션하는 방법

페이지 리디렉션이란?

페이지 리디렉션(Page Redirection)은 사용자가 특정 URL을 클릭하여 X 페이지에 접속하려 했지만, 내부적으로 다른 Y 페이지로 이동되는 상황을 말합니다. 이러한 동작은 페이지 리디렉션 설정에 의해 발생합니다.

예를 들어, 사이트가 도메인을 변경했거나 특정 페이지가 다른 주소로 이전된 경우, 방문자를 새 주소로 안내하기 위해 리디렉션이 자주 사용됩니다.

메타 태그를 이용한 자동 리디렉션

몇 초 후에 현재 URL을 다른 웹사이트로 자동으로 이동시키려면 HTML의 <meta> 태그와 content 속성을 사용하면 됩니다. 이때 content 속성은 페이지가 이동하기까지 대기할 시간(초)과 이동할 대상 URL을 지정합니다.

기본 작성 형식은 다음과 같습니다.

<meta http-equiv = "refresh" content = "초; url = 이동할_주소" />

http-equiv="refresh": 브라우저에게 페이지를 새로 고침(리디렉션)하도록 지시합니다.
content: 앞의 숫자는 대기 시간(초), url은 이동할 목적지 주소입니다.

예제 코드

다음은 10초 후에 현재 페이지를 tutorialspoint.com 웹사이트로 자동 이동시키는 예제입니다. content 속성의 첫 번째 값인 "10"이 대기 시간을 설정합니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Meta Tag</title>
      <meta http-equiv = "refresh" content = "10; url = https://www.tutorialspoint.com" />
   </head>
   
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

위 코드를 실행하면 페이지가 열린 지 10초가 지난 후 자동으로 지정된 URL로 이동합니다. 대기 시간을 조절하고 싶다면 content 속성의 숫자 값을 원하는 초 단위로 변경하면 됩니다.

참고 사항

메타 태그 리디렉션은 간편하지만, 검색 엔진 최적화(SEO) 측면에서는 서버 측 301 리디렉션을 사용하는 것이 더 권장됩니다. 또한 사용자 경험을 위해 리디렉션 전에 "잠시 후 새 페이지로 이동합니다"와 같은 안내 문구를 함께 표시하는 것이 좋습니다.