실무에 바로 적용할 수 있는 웹 제작 꿀팁 및 유용한 자료실 공간입니다.
나눔웹이 제공하는 핵심 노하우와 마케팅 인사이트를 자유롭게 활용해 보십시오.

나눔웹 마케팅 꿀팁

301 리디렉션 설정법, 페이지 주소를 바꿀 때 검색 노출 지키는 순서

홈페이지를 리뉴얼하면서 페이지 주소가 바뀌었다면, 옛 주소마다 301 리디렉션을 걸어 새 주소로 연결해 두어야 검색 노출과 기존 링크를 지킬 수 있습니다.
이 작업을 빼먹으면 검색 결과와 블로그·카페에 남아 있는 링크가 전부 "페이지를 찾을 수 없습니다"로 바뀌고, 새 페이지는 처음부터 다시 평가받게 됩니다.

💡 301과 302는 뭐가 다른가요?

301은 "이 주소는 영구히 옮겨 갔다"는 뜻이라, 검색엔진이 옛 주소 대신 새 주소를 검색 결과에 올리도록 신호를 줍니다. 302는 "잠깐 다른 곳을 보여 준다"는 뜻이라 옛 주소가 계속 기준으로 남을 수 있습니다. 리뉴얼처럼 다시 돌아갈 일이 없는 이전이라면 301을 쓰는 것이 맞습니다.

1. 옛 주소와 새 주소 목록부터 만들기

코드보다 먼저 할 일은 짝 맞추기입니다. 기존 사이트의 메뉴, 사이트맵, 검색 결과에 나오는 주소를 엑셀에 쭉 적고 옆 칸에 대응하는 새 주소를 채웁니다. 실제 리뉴얼 현장에서 자주 보는 실수가 옛 주소를 전부 메인으로 보내는 것인데, 내용이 다른 페이지로 보내면 검색엔진이 사실상 없는 페이지(소프트 404)로 보고 순위를 넘겨 주지 않는 경우가 많습니다. 서비스 소개는 서비스 소개로, 공지 글은 같은 글로 1:1로 연결하는 것이 원칙입니다.

2. .htaccess에 301 리디렉션 작성하기

아파치 서버를 쓰는 일반적인 호스팅이라면 사이트 최상위 폴더의 .htaccess 파일에 적으면 됩니다. 페이지 몇 개는 Redirect 301 한 줄씩, 도메인 전체를 옮길 때는 RewriteRule로 경로를 그대로 붙여 넘깁니다.

# 페이지 단위: 옛 경로 → 새 주소
Redirect 301 /company.html /about
Redirect 301 /sub/service01.php /service/design

# 도메인 전체 이전: 경로는 그대로 유지
RewriteEngine On
RewriteCond %{HTTP_HOST} ^(www\.)?old-site\.com$ [NC]
RewriteRule ^(.*)$ https://www.new-site.com/$1 [R=301,L]

수정 전에는 꼭 원본 .htaccess를 내려받아 백업해 두세요. 오타 하나로 사이트 전체가 500 오류가 나는 파일이라, 문제가 생기면 바로 되돌릴 수 있어야 합니다. 그누보드나 워드프레스처럼 이미 RewriteRule이 들어 있는 경우에는 기존 규칙보다 위쪽에 넣어야 먼저 적용됩니다.

3. 걸어 둔 뒤 확인할 것

브라우저로만 확인하면 캐시 때문에 헷갈릴 수 있으니 터미널에서 응답 코드를 직접 보는 편이 정확합니다.

curl -I https://www.old-site.com/company.html

# 정상이면 이렇게 나옵니다
HTTP/1.1 301 Moved Permanently
Location: https://www.new-site.com/about
  • 응답이 302가 아니라 301인지
  • 옛 주소 → 중간 주소 → 새 주소처럼 여러 번 거치지 않고 한 번에 도착하는지
  • 새 주소가 200으로 정상 응답하는지, 사이트맵에는 새 주소만 들어 있는지
  • 도메인을 옮겼다면 구글 서치 콘솔의 주소 변경 도구로 이전을 알렸는지

리디렉션은 검색엔진이 새 주소를 다 반영할 때까지 시간이 걸리니, 적어도 1년은 지우지 말고 유지하는 것을 권합니다. 옛 도메인도 그 기간 동안은 만료되지 않게 연장해 두셔야 합니다.

"리뉴얼의 마무리는 새 디자인이 아니라, 옛 주소를 잘 이어 주는 일입니다."

나눔웹은 리뉴얼 오픈 전에 기존 주소 목록과 리디렉션 표를 먼저 만들고
오픈 후에도 검색 유입이 끊기지 않았는지 함께 확인합니다.


List of Articles
번호 분류 제목 글쓴이
89 퍼블리싱 다크 모드 CSS 대응법, 폰을 어둡게 했더니 입력창만 하얗게 뜰 때 new 나눔웹
88 웹 성능 뒤로 가기 하면 페이지가 처음부터 다시 뜰 때, bfcache 막는 원인 찾는 법 나눔웹
87 마케팅 LocalBusiness 구조화 데이터 작성법, 구글에 상호·주소·영업시간 정확히 알리기 나눔웹
86 UI/UX 링크 밑줄이 글자에 붙어 답답할 때, text-underline-offset으로 다듬는 법 나눔웹
85 모바일 모바일 키보드가 입력창을 가릴 때, visualViewport로 화면 맞추는 법 나눔웹
84 웹 성능 사용하지 않는 CSS 줄이기, 크롬 Coverage 탭으로 안 쓰는 코드 찾는 법 나눔웹
83 마케팅 GA4 문의 전환 설정법, 감사 페이지 도달로 실제 문의 수 세는 순서 나눔웹
82 UI/UX 고정 헤더에 제목이 가려질 때, scroll-margin-top으로 앵커 맞추는 법 나눔웹
81 퍼블리싱 CSS 컨테이너 쿼리 쓰는 법, 화면이 아니라 카드 폭에 맞춰 반응하기 나눔웹
80 UI/UX 폼 에러가 입력 전에 뜨는 문제, :user-invalid로 고치는 법 나눔웹
79 모바일 모바일 브라우저 상단바 색 맞추기, theme-color 메타 태그 쓰는 법 나눔웹
78 마케팅 문의 완료 페이지 noindex 설정법, 검색에 잡히지 않게 막는 순서 나눔웹
77 UI/UX 문의란이 내용만큼 늘어나게, CSS field-sizing으로 맞추는 법 나눔웹
76 웹 성능 긴 페이지 스크롤이 무거울 때, content-visibility로 렌더링 줄이는 법 나눔웹
75 모바일 모바일 100vh 잘림, dvh·svh로 주소창 높이까지 맞추는 법 나눔웹
74 마케팅 구글 서치 콘솔 등록 방법, 새 홈페이지 소유권 확인부터 색인 요청까지 나눔웹
73 퍼블리싱 CSS :has() 선택자 활용법, 자식 상태에 따라 부모 박스 스타일 바꾸기 나눔웹
72 웹 성능 반응형 이미지 srcset 쓰는 법, 모바일에 PC용 큰 사진을 보내지 않으려면 나눔웹
71 퍼블리싱 제목 줄바꿈이 어색할 때, text-wrap: balance로 한 단어만 남는 문제 정리 나눔웹
70 마케팅 robots.txt 작성법, 검색에 안 보여야 할 페이지와 사이트맵 위치 알려주는 순서 나눔웹
Board Pagination Prev 1 2 3 4 5 Next
/ 5
rhwlsghkcocndgus XE2.1.39 STAGE1.5.4