제작 · 계약Staging · Preview URL
스테이징 (미리보기 주소)
스테이징은 실제 손님에게 공개하기 전에 완성된 화면을 미리 확인하는 연습용 주소예요.
가게 정식 오픈 전에 지인만 불러 여는 가오픈과 같아요.
조금 더 자세히
실제 주소에 바로 올리지 않고, 미리보기 주소에서 글자 · 링크 · 예약 흐름을 먼저 확인해요. 문제가 있어도 손님은 모르니까 안심하고 고칠 수 있어요.
미리보기 주소는 검색에 나오지 않게 막아 두는 게 기본이에요. 연습용 화면이 검색에 걸리면 손님이 헷갈려요.
스테이징, 미리보기, 실제 주소는 어떻게 다른가요?
스테이징과 미리보기는 손님에게 공개하기 전에 확인하는 주소이고, 실제 주소(운영 · 프로덕션 환경)는 손님이 보는 주소예요. 업체에 따라 미리보기와 스테이징을 같은 뜻으로 쓰기도 해요.
호스팅 서비스 문서에서는 보통 개발자 컴퓨터(로컬), 미리보기(프리뷰), 실제 공개(프로덕션) 세 단계로 나눠 설명해요. 미리보기에서 확인한 화면을 실제 주소로 옮기는 일이 배포예요.
미리보기는 실제와 같은 코드로 돌아가지만, 알림 받을 번호나 결제 설정처럼 환경마다 따로 두는 값이 있을 수 있어요. 그래서 미리보기에서 알림이 잘 왔더라도 공개 직후 실제 주소에서 한 번 더 시험해 보는 게 안전해요.
작은 홈페이지는 따로 스테이징 서버를 두지 않고 미리보기 링크 하나로 확인을 끝내는 경우도 많아요. 이름보다 중요한 건 공개 전에 손님 화면과 같은 상태를 한 번 본다는 점이에요.
표는 옆으로 밀어서 볼 수 있어요
| 환경 | 누가 보나요 | 목적 | 검색 노출 |
|---|---|---|---|
| 로컬 (개발자 컴퓨터) | 제작자만 | 만들고 고치는 중 | 없음 |
| 미리보기 · 스테이징 | 사장님과 제작자 | 공개 전 확인 | 막아 두는 게 기본 |
| 실제 주소 (프로덕션) | 모든 손님 | 실제 영업 | 검색에 나와야 해요 |
미리보기 주소는 어떻게 생겼나요?
미리보기 주소는 보통 호스팅 서비스가 자동으로 만든 긴 주소이거나, ‘staging.가게주소.com’ 같은 하위 주소예요. 처음 보면 낯설어 보여도 정상이에요.
일부 호스팅 서비스는 고칠 때마다 새 미리보기 주소를 만들어요. 그래서 예전 링크를 다시 열면 지난 화면이 보일 수 있으니, 업체가 보낸 가장 최근 링크로 확인하세요.
미리보기 주소에 비밀번호나 로그인을 걸어 두기도 해요. 직원과 함께 확인해야 한다면 접속 방법을 미리 물어 두세요.
미리보기 링크를 직원 단체방 같은 곳에 공유할 때는 공개 전 화면이라는 점을 함께 알려 주세요. 링크가 밖으로 퍼지면 확인 중인 가격이나 문구가 실제 정보처럼 오해될 수 있어요.
스테이징에서는 무엇을 어떤 순서로 확인하나요?
스테이징 확인은 ‘처음 온 손님’과 ‘사장님’ 두 입장에서 한 번씩 해 보는 게 좋아요. 손님 입장에서는 정보와 버튼을, 사장님 입장에서는 알림과 관리 화면을 봐요.
확인 일정은 공개 날짜에서 거꾸로 계산해 하루 이틀 여유를 두세요. 스테이징에서 찾은 문제를 고치고 다시 확인할 시간이 필요하기 때문이에요.
가족이나 직원에게 미리보기를 보여 주고 ‘예약해 보세요’라고 부탁하는 것도 좋은 방법이에요. 만든 사람에게는 당연한 부분에서 처음 보는 사람이 막히는 경우가 많아요.
- 01업체가 보낸 최신 미리보기 링크를 폰으로 열어요.
- 02첫 화면부터 끝까지 내려가며 글자 · 가격 · 영업시간을 확인해요.
- 03모든 메뉴와 버튼, 전화 · 길찾기 링크를 눌러 봐요.
- 04문의나 예약을 ‘테스트’라고 적어 직접 넣어 봐요.
- 05사장님 폰으로 알림 문자 · 메일이 오는지 확인해요.
- 06카카오톡으로 링크를 보내 미리보기 사진과 제목이 맞게 뜨는지 봐요.
- 07발견한 문제를 한 목록으로 정리해 한 번에 보내요.
미리보기 주소가 검색에 나오면 어떻게 하나요?
미리보기 주소에는 ‘검색에 넣지 마세요’라는 표시(noindex)를 달아 두는 게 기본이에요. 구글은 이 표시를 페이지의 메타 태그나 서버 응답 헤더로 넣을 수 있다고 안내하고 있어요.
주의할 점은 robots.txt로 접근 자체를 막으면 구글이 noindex 표시를 읽지 못한다는 거예요. 이미 검색에 걸린 주소를 빼고 싶다면 robots.txt로 막기보다 noindex를 달아 두는 방식을 써야 해요.
Vercel 같은 호스팅 서비스는 미리보기 주소에 기본으로 noindex를 붙인다고 안내하지만, 미리보기에 별도 주소를 연결하면 직접 설정해야 할 수 있어요. 검색에서 낯선 주소의 가게 화면이 보이면 바로 업체에 알려 주세요.
공개할 때는 반대로 실제 주소에 noindex가 남아 있지 않은지 확인해야 해요. 미리보기용 설정이 실제 주소까지 따라오면 홈페이지가 검색에 나오지 않는 문제가 생겨요.
스테이징에서 넣은 테스트 예약이나 주문은 어떻게 하나요?
테스트로 넣은 예약 · 주문 · 문의는 공개 전에 지우는 게 원칙이에요. 남겨 두면 실제 손님 기록과 섞여 통계가 틀어지거나, 없는 예약 알림이 갈 수 있어요.
결제가 있는 홈페이지는 보통 결제대행사가 제공하는 테스트 모드로 먼저 확인해요. 실제 카드로 결제해 봐야 할 때는 바로 취소하고, 취소까지 정상으로 되는지도 함께 보세요.
스테이징에서는 실제 손님의 이름이나 연락처를 넣지 않는 게 좋아요. 필라테스 스튜디오라면 사장님 이름으로 수업을 예약해 보고, 공방이라면 사장님 연락처로 클래스 신청을 넣어 보는 식으로 확인하면 돼요.
미용실 예약처럼 알림 문자가 실제로 나가는 기능은, 테스트할 때 받는 번호가 사장님 번호로 되어 있는지 확인하세요. 잘못 설정하면 테스트 알림이 엉뚱한 사람에게 갈 수 있어요.
스테이징 단계에서 제작사에 무엇을 물어보면 되나요?
스테이징은 공개 전 마지막 안전장치라서, 확인 범위와 공개 조건을 미리 맞춰 두면 공개일에 허둥대지 않아요.
공방처럼 클래스 모집 공지 날짜가 정해져 있다면, 스테이징 확인 마감일도 함께 정해 두세요. 확인이 늦어지면 공개도 그만큼 밀려요.
공개 날짜가 정해지면 공개 당일 누가 무엇을 확인할지도 나눠 두세요. 예를 들어 제작자는 주소 연결과 검색 설정을, 사장님은 가격과 예약 알림을 확인하는 식이에요.
- 미리보기 주소가 검색에 나오지 않게 막혀 있는지
- 미리보기와 실제 주소가 같은 설정(알림 · 결제 · 지도)으로 동작하는지
- 테스트 데이터는 공개 전에 누가 지우는지
- 사장님이 ‘확인 완료’를 언제 어떻게 알려야 공개되는지
- 공개 뒤 문제가 생기면 이전 상태로 되돌릴 수 있는지
예를 들면
- 필라테스 스튜디오: 미리보기 주소에서 사장님이 직접 수업 예약을 한 번 해 보고, 알림이 잘 오는지 확인해요.
이것만 확인하세요
- 모든 메뉴와 버튼을 한 번씩 눌러 봤는지
- 전화번호 · 주소 · 가격을 다시 확인했는지
- 문의 · 예약을 직접 넣어 보고 알림을 받았는지
우리 가게엔?
공개 전 마지막 확인 단계에서 써요.
이시모에서는
공개 전에 미리보기 주소로 완성 화면을 보내 드리고, 확인이 끝나면 실제 주소로 공개해요.
자주 묻는 질문
참고한 자료
마지막으로 고친 날