리뉴얼·이전 · 공식 문서
홈페이지 리뉴얼 공지 팝업, 배너와 안내 화면 선택 기준
리뉴얼 공지는 화면의 작은 부분만 차지하는 배너로 띄우고, 공지 문구에는 data-nosnippet 속성을 달아 검색결과 설명에 섞이지 않게 합니다. 구글은 페이지 전체를 덮는 팝업과, 모든 URL을 안내 페이지 하나로 보내는 방식을 피하라고 적었습니다.
리뉴얼을 마치면 「새롭게 바뀌었습니다」 공지와 오픈 이벤트를 띄우는 경우가 많습니다. 공지가 화면을 덮으면 방문자도 크롤러도 본문에 닿기 전에 막힙니다.
공지 모양은 구글 공식 문서가 기준을 적어 두었습니다. 띠 배너와 전체 화면 팝업은 검색에서 다르게 다뤄집니다.
발견 01
구글은 화면을 덮는 팝업이 검색엔진의 콘텐츠 이해를 어렵게 한다고 적었습니다
Intrusive dialogs and interstitials make it hard for Google and other search engines to understand your content, which may lead to poor search performance.
방해가 되는 대화상자와 전면 광고는 구글과 다른 검색엔진이 콘텐츠를 이해하기 어렵게 만들고, 검색 성과가 나빠질 수 있다.
구글 한국어판은 페이지 전체를 덮는 것을 「전면 광고」, 일부만 덮는 것을 「대화상자」라고 부릅니다. 리뉴얼 공지 레이어 팝업도 같은 자리에 놓입니다.
방문자 쪽 손해도 같습니다. 닫기 버튼을 찾아야 본문이 보이면 검색으로 들어온 사람이 바로 돌아갈 수 있습니다.
Interstitials are overlays on the whole page and dialogs are overlays only on a part of the page, sometimes also obfuscating the underlying content.
전면 광고는 페이지 전체를, 대화상자는 페이지 일부를 덮는 요소이며, 때로 아래 콘텐츠를 알아보기 어렵게 만든다.
발견 02
리뉴얼 공지 방식 4가지 중 본문을 가리지 않는 2가지를 고릅니다
| 공지 방식 | 판단 | 검색과 방문자에게 생기는 일 | 구글 공식 문서 원문 |
|---|---|---|---|
| 페이지 위·아래 띠 배너 | 고를 방식 | 방문자와 크롤러가 들어오자마자 본문을 봅니다. 리뉴얼 공지·이벤트에 먼저 고를 방식입니다. | Instead of full page interstitials, use banners that take up only a small fraction of the screen to grab your users' attention. Banners ensure that users and search engines can get to the content as soon as they land on the page.페이지 전체를 덮는 전면 광고 대신 화면의 작은 부분만 차지하는 배너를 쓴다. 배너를 쓰면 사용자와 검색엔진이 페이지에 들어오자마자 콘텐츠에 닿는다. |
| 본문을 가리지 않는 작은 대화상자 | 고를 방식 | 닫지 않아도 본문을 읽을 수 있으면 방해가 되지 않는 대화상자입니다. | Creating unintrusive dialogs means that users can access your content without being interrupted by a dialog.방해가 되지 않는 대화상자란 사용자가 대화상자에 막히지 않고 콘텐츠에 접근할 수 있는 것을 말한다. |
| 화면 전체를 덮는 레이어 팝업 | 피할 방식 | 구글은 페이지 전체를 덮는 전면 광고를 피하라고 적었습니다. 콘텐츠 이해가 어려워질 수 있습니다. | Don't obscure the entire page with interstitials. / Intrusive dialogs and interstitials make it hard for Google and other search engines to understand your content, which may lead to poor search performance.전면 광고로 페이지 전체를 가리지 않는다. 방해가 되는 대화상자와 전면 광고는 검색엔진이 콘텐츠를 이해하기 어렵게 만들고 검색 성과가 나빠질 수 있다. |
| 모든 URL을 안내 페이지 하나로 보내기 | 피할 방식 | 모든 URL을 한 페이지로 보내면 그 페이지 말고는 검색 결과에서 빠질 수 있습니다. | Don't redirect the user to a separate page for their consent or input. / Redirecting all URLs to a single page will remove all but that one page from search results, as Googlebot can only fetch that page.동의나 입력을 받으려고 사용자를 별도 페이지로 리디렉션하지 않는다. 모든 URL을 한 페이지로 리디렉션하면 Googlebot 이 그 페이지만 가져올 수 있어 그 페이지 말고는 모두 검색 결과에서 빠진다. |
「리뉴얼 안내」 전용 페이지가 필요하면 공지 게시글 하나로 만들고 배너에서 링크합니다. 들어오는 모든 URL을 그 페이지로 보내는 방식만 피하면 됩니다.
휴대전화에서는 같은 배너도 화면에서 차지하는 몫이 커집니다. 모바일 배너는 한두 줄 높이로 줄이고 닫기 버튼을 둡니다.
발견 03
공지 문구는 data-nosnippet 으로 검색결과 설명에서 뺄 수 있습니다
To prevent the content in the banner or popup from being shown in a snippet in Search results, use the data-nosnippet HTML attribute.
배너나 팝업의 내용이 검색결과 스니펫에 나오지 않게 하려면 data-nosnippet HTML 속성을 쓴다.
배너 문구는 모든 페이지에 들어가서 검색결과 설명(스니펫)에 뽑힐 수 있습니다. 「리뉴얼 기념 할인」 같은 문구가 페이지 설명 자리를 차지할 수 있습니다.
배너를 감싸는 요소에 data-nosnippet 속성을 달면 그 문구는 스니펫에서 빠집니다. 같은 문서는 모든 페이지에 배너를 두면 방문자에게 상황이 바로 전달된다고 적었습니다(원문: Display a banner or popup: A banner or popup div on all pages including the landing page quickly makes the status clear to users.)
검색결과 설명을 직접 쓰는 법은 「메타 디스크립션」 편에 자세히 적었습니다.
발견 04
같은 공지라도 B2B·B2C·B2G 는 담을 말과 자리가 다릅니다
예시 ① 사이트를 개편한 산업용 장비 제조사(B2B)
옛 제품 페이지를 즐겨찾기한 구매 담당자가 많다면 「제품 자료 위치가 바뀌었습니다」 한 줄을 상단 띠 배너로 띄우고, 바뀐 자료실 페이지로 링크합니다.
예시 ② 리뉴얼 오픈 이벤트를 여는 쇼핑몰(B2C)
쿠폰 받기 화면을 전체 레이어로 띄우는 대신 상단 배너와 이벤트 페이지 하나로 나눕니다. 배너 문구에는 data-nosnippet 을 달아 상품 페이지 설명에 섞이지 않게 합니다.
예시 ③ 누리집 개편 안내를 띄우는 공공기관(B2G)
개편 안내와 바뀐 메뉴 위치는 메인 공지 게시글로 올리고, 모든 페이지에는 그 게시글로 가는 띠 배너만 둡니다. 들어오는 URL은 저마다 제 페이지를 그대로 엽니다.
그럼 리뉴얼 공지는 어떤 순서로 띄우나요?
- 공지·이벤트 문구를 한두 줄로 줄이고, 자세한 내용은 공지 게시글 하나에 둡니다.
- 모든 페이지 위나 아래에 띠 배너를 두고, 게시글로 링크합니다.
- 배너를 감싸는 요소에 data-nosnippet 속성을 답니다.
- 휴대전화로 열어 배너가 본문을 가리지 않는지, 닫기 버튼이 있는지 봅니다.
- 공지 기간이 끝나면 배너를 걷습니다. 공사 기간 동안 사이트를 닫아야 한다면 「홈페이지 개편 중 화면」 편을 봅니다.
조사 방법
- Google Search Central 「Avoid intrusive interstitials and dialogs」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/avoid-intrusive-interstitials
- Google Search Central 「Temporarily pause or disable a website」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/pause-online-business
- 공지 방식 4가지는 리뉴얼 공지에서 흔한 모양을 위 문서의 기준에 맞춰 나눈 것입니다. 나누는 방식과 「판단」 칸은 편집 판단입니다.
- data-nosnippet 과 배너 문장은 온라인 사업을 잠시 멈출 때의 문서에 있는 것으로, 리뉴얼 공지에 같은 방법을 적용했습니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 원문은 영어판(hl=en)이고, 「전면 광고」·「대화상자」 같은 이름은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다.