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

나눔웹 마케팅 꿀팁

문의 완료 페이지 noindex 설정법, 검색에 잡히지 않게 막는 순서

문의 폼을 보낸 뒤에 나오는 완료(thank you) 페이지가 구글·네이버 검색 결과에 노출된 적 있으신가요?
“문의가 접수되었습니다” 같은 화면은 고객에게만 보여야 하는데, 검색으로 들어오면 브랜드 인상이 어색해지고 본문 페이지의 노출 자리를 빼앗기도 합니다. noindex로 막아 두는 것이 기본입니다.

💡 왜 완료 페이지만 따로 막나요?

검색엔진은 링크만 있으면 페이지를 수집합니다. 완료 페이지에 메뉴·푸터 링크가 있고 사이트맵에도 들어 있으면 색인 대상이 됩니다. 본문 가치가 거의 없는 화면이니 수집은 허용하되 검색 결과에는 올리지 않는 noindex가 맞습니다.

1. 페이지 head에 robots 메타 태그 넣기

가장 흔한 방법입니다. 완료 페이지 템플릿의 <head>에 아래 한 줄을 넣습니다. follow를 함께 쓰면 이 페이지에 있는 링크는 따라가되, 페이지 자체는 검색 결과에 올리지 않습니다. 문의 폼에서 넘어온 내부 링크를 끊고 싶지 않을 때 유용합니다.

<!-- 문의 완료 페이지 head에만 -->
<meta name="robots"
      content="noindex, follow">

<!-- 네이버 Yeti를 따로 지정할 때 -->
<meta name="Yeti"
      content="noindex, follow">

WordPress라면 Yoast·Rank Math 같은 SEO 플러그인에서 해당 고정 페이지를 “검색엔진에 표시하지 않음”으로 두면 같은 태그가 출력됩니다. 수작업 HTML·PHP 사이트라면 완료 템플릿에만 조건을 걸어 넣는 편이 안전합니다. 메인·서비스 페이지에 실수로 붙이지 않도록 주의하세요.

2. 사이트맵·내부 링크에서 빼기

메타만 넣고 끝내면 반쪽입니다. sitemap.xml에 완료 URL이 있으면 검색엔진에 “중요한 페이지”라고 신호를 주게 됩니다. 목록에서 지우고, 메뉴·푸터·관련 글에도 완료 주소를 걸지 마세요. 폼 전송 후에만 이동하게 두는 것이 맞습니다.

조치 목적
noindex 메타 검색 결과 노출 차단
사이트맵 제외 우선 수집 신호 제거
메뉴·푸터 링크 없음 일반 방문 경로 차단

3. 적용 후 확인하는 방법

브라우저에서 완료 페이지 소스 보기로 noindex가 있는지 먼저 확인합니다. 그다음 구글 서치 콘솔의 URL 검사로 “색인 생성 불가: ‘noindex’ 태그로 제외됨”이 뜨는지 보면 됩니다. 이미 노출된 주소라면 며칠에서 몇 주 안에 결과에서 빠지는 경우가 많습니다. 급하면 서치 콘솔에서 해당 URL 삭제를 요청할 수 있지만, 근본 조치는 여전히 noindex입니다.

/* 서버 헤더로 막을 때 (Apache) */
<IfModule mod_headers.c>
  <Files "thanks.html">
    Header set X-Robots-Tag "noindex, follow"
  </Files>
</IfModule>

HTML을 고치기 어려운 정적 파일이라면 X-Robots-Tag 응답 헤더로도 같은 효과를 낼 수 있습니다. 메타 태그와 헤더를 둘 다 써도 되지만, 값이 서로 다르면 해석이 헷갈리니 하나로 통일하는 편이 낫습니다. 결제·회원가입 완료 화면도 같은 방식으로 처리하면 검색 품질이 한결 깔끔해집니다.

"검색에 올릴 페이지와 올리지 않을 페이지를 먼저 가르면 됩니다."

나눔웹은 문의·견적 흐름을 만들 때 완료 화면의 색인 여부까지 함께 점검해,
검색에 나와야 할 페이지만 제대로 보이도록 정리합니다.


List of Articles
번호 분류 제목 글쓴이
78 웹 성능 홈페이지 로딩 속도를 3배 높이는 '이미지 최적화' 실무 가이드 나눔웹
77 퍼블리싱 CSS 변수로 유지보수와 테마 기능을 한 번에! (CSS Custom Properties) 나눔웹
76 마케팅 카카오톡 링크 썸네일의 비밀! 클릭률을 높이는 '오픈 그래프(OG)' 세팅법 나눔웹
75 모바일 모바일 꽉 찬 화면 하단 짤림 현상! '100vh'의 함정과 완벽 해결법 나눔웹
74 웹 성능 홈페이지 첫 화면 글자 깜빡임(투명 현상) 1초 만에 해결하는 법 나눔웹
73 퍼블리싱 스마트폰에서 로고가 흐리게 보인다고요? 'SVG' 포맷이 정답입니다. 나눔웹
72 웹 성능 클릭 실수 유발하는 '화면 덜컹거림(CLS)', 단 한 줄로 해결하는 법 나눔웹
71 모바일 고객의 이탈을 막는 1초 디테일, '모바일 맞춤형 키보드' 세팅법 나눔웹
70 UI/UX 모바일에서 버튼 누를 때 생기는 촌스러운 '회색 박스' 없애는 법 나눔웹
69 UI/UX 레이아웃을 망치는 긴 글, 예쁘게 '...'으로 자르는 마법의 CSS 나눔웹
68 UI/UX 상단 메뉴에 제목이 가려진다고요? '부드러운 스크롤' 마법의 2줄 나눔웹
67 모바일 아이폰에서 입력창 누를 때 화면 '자동 확대'되는 현상 막는 법 나눔웹
66 퍼블리싱 지저분한 모바일 스크롤바, 기능은 남기고 쏙 숨기는 마법의 CSS 나눔웹
65 모바일 모바일 웹을 진짜 '앱(App)'처럼! 이미지 꾹 누를 때 뜨는 팝업 막기 나눔웹
64 UI/UX 애플(Apple) 사이트처럼 고급스러운 '반투명 유리' 메뉴 만드는 법 나눔웹
63 퍼블리싱 무거운 플러그인 NO! 넷플릭스처럼 쫀득한 '가로 스와이프' CSS로 뚝딱 만들기 나눔웹
62 UI/UX 1%의 디테일이 브랜딩을 완성합니다! '텍스트 드래그 색상' 바꾸기 나눔웹
61 UI/UX 투박한 파란색 체크박스는 그만! 단 1줄로 우리 회사 컬러 입히기 나눔웹
60 모바일 하단 고정 버튼이 아이폰 '검은 줄'에 겹친다면? (Safe Area 대응법) 나눔웹
59 모바일 앗, 실수로 새로고침! 튕기는 모바일 화면 꽉 잡는 법 (Overscroll) 나눔웹
Board Pagination Prev 1 2 3 4 Next
/ 4
rhwlsghkcocndgus XE2.1.39 STAGE1.5.4