그누보드에서 워드프레스로 사이트 이전 사례 | 덤웨이터 전문 기업 디쉬카

기존 디자인 그대로 옮긴 새 사이트

디쉬카는 오래 써 온 사이트의 모습을 바꾸지 않기를 원했습니다. 기존 방문자에게 익숙한 로고와 메뉴, 첫 화면 구성을 그대로 두고, 같은 화면을 워드프레스의 Bricks 빌더로 다시 구성했습니다.

메뉴는 설치방법, 제품소개, 시공실적, 덤웨이터 도면, 견적문의 그대로입니다. 겉모습은 같지만 이제는 워드프레스 관리자 화면에서 글과 사진을 직접 올리고 고칠 수 있습니다.

시공 사례 글 수백 개를 그대로 옮기기

옮길 글은 설치방법과 시공실적을 합쳐 수백 개였습니다. 글마다 본문과 사진, 작성일, 분류를 그대로 옮기고 대표 이미지도 함께 연결했습니다.

옮기는 과정에서 정리할 것도 있었습니다. 옛 사이트에서는 화면에 보이지 않던 공통 안내 문구가 271개 글의 데이터에 붙어 있어 이 문구를 걷어냈습니다. 대표 이미지 206장이 빠진 것처럼 보이는 문제도 있었는데, 확인해 보니 한글 파일 이름이 서버와 데이터베이스에 서로 다른 방식으로 저장돼 있었을 뿐 파일은 모두 있었습니다. 이 문제를 바로잡아 대표 이미지가 모두 제자리에 나오게 했고, 백업 이후에 추가된 사진 14장도 다시 채웠습니다.

옛 주소 수백 개를 새 주소로 잇는 301 연결

그누보드와 워드프레스는 글 주소를 만드는 방식이 다릅니다. 옛 사이트의 글 주소는 view.php?bbs_no=6&data_no=159처럼 게시판 번호와 글 번호로 이루어져 있어, 워드프레스로 옮기면 주소가 달라질 수밖에 없습니다. 검색엔진에 등록된 옛 주소가 끊기면 그 글은 검색 결과에서 빠지게 됩니다.

그래서 옛 주소를 모두 새 주소로 보내는 301 영구 이동을 걸었습니다. 301은 검색엔진에 “이 글은 이 주소로 옮겼다”고 알려주는 방식이라, 옛 주소로 들어온 방문자도 바로 새 글로 이동하고 검색엔진도 새 주소를 그 글로 이어서 인식합니다.

새 주소는 /dumbwaiter/cases/p159/처럼 분류와 옛 글 번호를 그대로 담았습니다. 옛 159번 글은 새 사이트에서도 p159라서 주소만 보고도 어느 글인지 바로 찾을 수 있고, 옛 주소 수백 개가 빠짐없이 새 글로 이어집니다. 앞으로 올리는 글도 같은 방식으로 번호가 이어지고, 광고에 쓰는 주소도 안정적으로 유지됩니다.

이전하는 동안 검색 노출이 나뉘지 않게

새 사이트를 확인하는 동안 검색엔진이 임시 주소를 먼저 수집하면, 나중에 같은 글이 두 주소로 나뉘어 서로 경쟁하게 됩니다. 디쉬카 이전에서는 이런 일이 생기지 않게 막았습니다.

글을 옮기는 작업도 실제 사이트에 적용하기 전에 오류가 없는지 먼저 확인했습니다. 도메인을 새 서버로 옮긴 뒤에는 본문 속 주소까지 새 도메인에 맞춰, 새 사이트가 검색에 다시 잡히도록 했습니다.

새 서버와 최신 워드프레스로 옮긴 시공 사례

서버는 기존 호스팅에서 카페24 웹호스팅으로 옮겼고, 사이트는 최신 워드프레스(7.1)에서 운영됩니다. 이전 작업 도중 기존 호스팅의 이용 기간이 끝나 옛 사이트가 만료 화면으로 바뀌었는데, 새 사이트로의 전환을 앞당겨 사이트가 비어 있는 시간을 줄였습니다.

시공 사례 글 화면은 제목과 작성자, 작성 시간, 공유 버튼까지 옛 사이트의 구성을 그대로 따랐습니다. 이전 전에 쓴 글도 작성일이 그대로 남아 있어, 오래된 사례와 최근 사례가 같은 목록 안에서 이어집니다.

모바일에서도 그대로 보이는 사이트

모바일에서는 메뉴를 오른쪽 위 버튼으로 접고, 첫 화면 사진과 시공 사례 글을 세로 화면에 맞게 배치했습니다. 전화 문의 버튼은 화면 아래쪽에 떠 있어 어느 글을 보다가도 바로 연락할 수 있습니다.

완성된 디쉬카 홈페이지

화면은 예전 그대로이고, 바뀐 것은 그 아래의 서버와 워드프레스입니다. 완성된 모습은 덤웨이터 디쉬카 홈페이지에서 볼 수 있습니다.

그누보드나 오래된 서버에서 워드프레스로 옮길 계획이라면, 저희 에코스튜디오에 궁금하신 점을 편하게 남겨 주세요.

사이트 이전 상담 →