색인·웹마스터 도구 · 공식 문서
data-nosnippet 사용법과 스니펫 제어 선택 기준
data-nosnippet 은 페이지 안 특정 문구를 검색 결과 설명(스니펫)에서 빼는 HTML 속성이고, span·div·section 요소에 붙입니다. 페이지 전체 설명을 빼려면 nosnippet, 길이만 줄이려면 max-snippet 메타 태그를 씁니다.
검색 결과에서 제목 아래 두세 줄을 스니펫이라고 부릅니다. 구글은 이 설명을 주로 페이지 본문에서 뽑고, 검색어마다 다른 부분을 보여 줄 수 있습니다.
그래서 배송 안내 띠나 재고 문구처럼 설명에 나오면 곤란한 문장이 뽑히기도 합니다. 구글 공식 문서가 적은 스니펫 제어 설정과 고르는 기준을 정리했습니다.
발견 01
스니펫을 제어하는 설정은 3가지이고, 빼는 범위가 다릅니다
You can specify text-level settings with the data-nosnippet attribute on HTML elements within a page.
페이지 안 HTML 요소에 data-nosnippet 속성을 붙여 문구 단위 설정을 할 수 있습니다.
| 설정 | 빼는 범위 | 쓰는 법(예) | 공식 문서 원문 |
|---|---|---|---|
| nosnippet | 페이지 전체의 설명과 동영상 미리보기 | <meta name="robots" content="nosnippet"> | Do not show a text snippet or video preview in the search results for this page. This applies to all forms of search results (at Google: web search, Google Images, Discover, AI Overviews, AI Mode) and will also prevent the content from being used as a direct input for AI Overviews and AI Mode.이 페이지의 텍스트 스니펫과 동영상 미리보기를 검색 결과에 보이지 않습니다. 웹 검색·이미지·디스커버·AI 개요·AI 모드 등 모든 검색 결과에 적용되고, AI 개요·AI 모드의 직접 입력으로도 쓰이지 않습니다. |
| max-snippet:[숫자] | 설명의 글자 수 상한 | <meta name="robots" content="max-snippet:50"> | Use a maximum of [number] characters as a textual snippet for this search result. 0: No snippet is to be shown. Equivalent to nosnippet. -1: Google will choose the snippet length that it believes is most effective to help users discover your content and direct users to your site.이 검색 결과의 텍스트 스니펫을 최대 [숫자] 글자까지만 씁니다. 0 은 스니펫을 보이지 않는 것으로 nosnippet 과 같고, -1 은 구글이 알맞은 길이를 고릅니다. |
| data-nosnippet | 페이지 안 특정 요소의 문구 | <span data-nosnippet>빼려는 문구</span> | You can specify text-level settings with the data-nosnippet attribute on HTML elements within a page. To exclude certain sections of your content from appearing in search result snippets, use the data-nosnippet HTML attribute.페이지 안 HTML 요소에 data-nosnippet 속성을 붙여 문구 단위 설정을 할 수 있습니다. 콘텐츠의 일부 구간을 스니펫에서 빼려면 data-nosnippet 속성을 씁니다. |
| 목적 | 고를 설정 | 덧붙일 것 |
|---|---|---|
| 페이지 안 한두 문장만 설명에서 빼기 | data-nosnippet | 그 문장을 span·div·section 으로 감쌉니다 |
| 설명을 짧게만 보이기 | max-snippet:[숫자] | 숫자는 글자 수입니다. 0 은 nosnippet 과 같습니다 |
| 페이지 설명을 아예 보이지 않기 | nosnippet | AI 개요·AI 모드의 직접 입력에서도 빠집니다 |
| 검색 결과에서 페이지 자체를 빼기 | noindex | 스니펫 설정이 아니라 색인 설정입니다 |
설명 문구를 직접 고르는 설정은 없습니다. 구글은 사이트별로 스니펫을 손으로 바꾸지 않는다고 적었고, 메타 설명이 더 정확할 때 그것을 쓰기도 한다고 적었습니다.
그래서 빼는 설정과 함께 메타 설명을 잘 써 두는 것이 짝입니다. 메타 설명 쓰는 법은 「메타 디스크립션」 편에 자세히 적었습니다.
| 스니펫이 만들어지는 방식 | 원문 |
|---|---|
| 본문에서 뽑음 | Snippets are primarily created from the page content itself. This means that Google Search might show different snippets for different searches.스니펫은 주로 페이지 본문에서 만들어집니다. 그래서 검색어마다 다른 스니펫이 보일 수 있습니다. |
| 메타 설명을 쓰기도 함 | However, Google sometimes uses the meta description HTML element if it might give users a more accurate description of the page than content taken directly from the page.다만 메타 설명이 페이지에서 바로 뽑은 내용보다 페이지를 더 정확히 설명한다면 구글이 메타 설명을 쓰기도 합니다. |
| 사이트별 수동 수정 없음 | While we can't manually change snippets for individual sites, we're always working to make them as relevant as possible.구글은 사이트별로 스니펫을 직접 바꾸지 않으며, 관련성을 높이는 작업을 계속합니다. |
발견 02
data-nosnippet 은 span·div·section 에만 붙고, 값은 무시됩니다
| 지킬 것 | 공식 문서 원문 |
|---|---|
| 붙일 수 있는 요소 | This can be done on an HTML-element level with the data-nosnippet HTML attribute on span, div, and section elements.data-nosnippet 은 span·div·section 요소에 붙여 HTML 요소 단위로 씁니다. |
| 값은 무시 | The data-nosnippet is considered a boolean attribute. As with all boolean attributes, any value specified is ignored.data-nosnippet 은 불리언 속성이라 어떤 값을 넣어도 무시됩니다. |
| 태그는 닫는다 | To ensure machine-readability, the HTML section must be valid HTML and all appropriate tags must be closed accordingly.기계가 읽을 수 있게 그 HTML 구간은 올바른 HTML 이어야 하고, 태그를 모두 닫아야 합니다. |
| 자바스크립트로 켜고 끄지 않는다 | To avoid uncertainty from rendering, do not add or remove the data-nosnippet attribute of existing nodes through JavaScript. When adding DOM elements through JavaScript, include the data-nosnippet attribute as necessary when initially adding the element to the page's DOM.렌더링에 따른 불확실성을 피하려면 이미 있는 요소의 data-nosnippet 을 자바스크립트로 붙이거나 떼지 않습니다. 자바스크립트로 요소를 더할 때는 처음 더할 때 속성을 함께 넣습니다. |
| 직접 만든 요소 | If custom elements are used, wrap or render them with div, span, or section elements if you need to use data-nosnippet.직접 만든 요소에 쓰려면 div·span·section 으로 감싸거나 그 요소로 그립니다. |
| 구조화 데이터 | Also note that structured data remains usable for search results when declared within a data-nosnippet element.구조화 데이터는 data-nosnippet 요소 안에 선언해도 검색 결과에 계속 쓰일 수 있습니다. |
자바스크립트로 그리는 화면이라면 요소를 처음 만들 때 속성을 함께 넣습니다. 이미 있는 요소에 나중에 붙였다 떼면 렌더링 전후로 결과가 달라질 수 있습니다.
발견 03
설정이 겹치면 구글은 더 엄격한 쪽을 따르고, 크롤러가 페이지를 읽어야 적용됩니다
In the case of conflicting robots rules, the more restrictive rule applies. For example, if a page has both max-snippet:50 and nosnippet rules, the nosnippet rule will apply.
robots 규칙이 서로 부딪히면 더 엄격한 규칙이 적용됩니다. 한 페이지에 max-snippet:50 과 nosnippet 이 함께 있으면 nosnippet 이 적용됩니다.
| 조건 | 원문 |
|---|---|
| 크롤링 허용이 먼저 | Keep in mind that these settings can be read and followed only if crawlers are allowed to access the pages that include these settings.이 설정은 그 페이지에 크롤러 접근이 허용될 때만 읽히고 지켜집니다. |
| 다른 검색엔진 | It is possible that these rules may not be treated the same by all other search engines.다른 검색엔진이 이 규칙들을 똑같이 처리하지 않을 수 있다. |
발견 04
B2B·B2C·B2G 는 설명에서 빼려는 문구가 서로 다릅니다
예시 ① 산업용 장비 제조사의 제품 페이지(B2B)
제품 페이지마다 「견적 문의 시 영업일 기준 2일 내 회신」 문구가 첫 문단 위에 있습니다. 품번 검색 결과 설명에 이 문구가 먼저 나옵니다.
그 안내 띠를 div 로 감싸 data-nosnippet 을 붙이면 설명에는 제품 사양 문장이 남습니다.
예시 ② 의류 쇼핑몰의 상품 상세 페이지(B2C)
모든 상품 페이지 위에 「주말 주문은 월요일 출고」 공지가 붙어 있습니다. 공지가 설명으로 뽑히면 상품마다 같은 설명이 됩니다.
공지 영역에만 data-nosnippet 을 붙이고, 가격이 자주 바뀌는 할인 문구도 같은 방식으로 감쌉니다.
예시 ③ 공공기관 누리집의 공지 게시판(B2G)
게시글마다 「누리집 개편 작업 안내」 띠가 본문 위에 들어갑니다. 행사 공지를 찾는 사람에게 개편 안내가 설명으로 보입니다.
띠를 section 으로 묶어 data-nosnippet 을 붙입니다. 내부 담당 부서 표처럼 페이지 전체 설명이 필요 없는 페이지는 nosnippet 을 씁니다.
그럼 설명에서 문구를 빼려면 어떤 순서로 하나요?
- 검색 결과에 나온 설명을 캡처하고, 빼려는 문장이 페이지 어디에 있는지 찾습니다.
- 한두 문장이면 그 문장을 span·div·section 으로 감싸고 data-nosnippet 을 붙입니다. 태그는 반드시 닫습니다.
- 페이지 전체 설명이 필요 없으면 <head> 에 nosnippet, 길이만 줄이려면 max-snippet:[숫자] 를 넣습니다.
- robots.txt 가 그 페이지의 크롤링을 차단하지 않는지 확인합니다.
- 서치 콘솔 URL 검사 도구의 실시간 URL 테스트로 구글이 받은 HTML 에 속성이 들어 있는지 봅니다. 그다음 색인 생성 요청을 누릅니다.
- 다시 크롤링된 뒤 같은 검색어로 설명이 바뀌었는지 봅니다. 메타 설명도 함께 다듬어 두면 대신 쓸 문장이 생깁니다.
조사 방법
- Google Search Central 「Robots meta tag, data-nosnippet, and X-Robots-Tag specifications」 (문서 수정일 2026-03-24) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag
- Google Search Central 「Control your snippets in search results」 (문서 수정일 2026-04-20) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/snippet
- 스니펫 제어 3가지는 「Robots meta tag, data-nosnippet, and X-Robots-Tag specifications」가 스니펫에 대해 적은 규칙입니다. 목적별 선택 기준으로 묶는 방식은 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관 사례가 아닙니다.
- 원문은 영어판(hl=en)이고, 도구·보고서 이름은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다. 네이버·빙의 처리 방식은 이 편에서 다루지 않았습니다.