구조·마크업 · 공식 문서
검색 결과 썸네일 지정 방법, 대표 이미지 점검 순서
구글은 썸네일을 자동으로 고르고, 사이트는 primaryImageOfPage, 주 엔티티의 image, og:image 중 하나로 선호 이미지를 알릴 수 있습니다. 그 이미지가 본문의 <img> 로 있고 크롤링·색인이 허용돼 있어야 후보가 됩니다.
검색 결과의 제목 옆에 작은 이미지가 붙는 페이지가 있고, 글자만 나오는 페이지가 있습니다. 같은 사이트 안에서도 페이지마다 다릅니다.
구글 문서는 이 이미지를 고르는 일이 자동이라고 적었습니다. 그래서 사이트가 할 일은 원하는 이미지를 알리고, 그 이미지를 막는 설정을 걷는 것입니다.
발견 01
썸네일은 구글이 쿼리마다 자동으로 고르고, 이미지를 찾는 검색에서 더 자주 붙습니다
Google's selection of an image preview is completely automated and takes into account a number of different sources to select which image on a given page is shown on Google (for example, a text result image or the preview image in Discover).
구글의 미리보기 이미지 선택은 완전히 자동이며, 여러 출처를 고려해 페이지의 어느 이미지를 보여 줄지 고른다(예: 텍스트 검색 결과 이미지, 디스커버 미리보기 이미지).
| 구글이 적은 것 | 원문 |
|---|---|
| 썸네일은 그 페이지에서 쿼리와 가장 관련 있는 이미지 | A text result image is the most relevant image from that particular web page for the given query.텍스트 검색 결과 이미지는 그 검색어에 대해 해당 페이지에서 가장 관련 있는 이미지다. |
| 이미지를 찾는 검색에서 더 자주 붙음 | A text result image is more likely to appear for image-seeking queries.텍스트 검색 결과 이미지는 이미지를 찾는 검색어에서 더 잘 나타난다. |
| 메타데이터로 선호 이미지를 알릴 수 있음 | You can influence which image gets selected by providing your preferred image through one of the following metadata sources:다음 메타데이터 중 하나로 선호 이미지를 알려 어떤 이미지가 선택될지에 영향을 줄 수 있다. |
같은 페이지라도 검색어에 따라 썸네일이 붙기도 하고 빠지기도 합니다. 그래서 확인은 이미지를 찾는 검색어로 여러 번 합니다.
알린 이미지는 후보에 들어가는 신호이고, 최종 선택은 구글이 합니다. 그래서 점검은 후보 자격을 갖췄는지를 기준으로 합니다.
발견 02
선호 이미지를 알리는 메타데이터는 3가지이고, 하나만 써도 됩니다
| 방법 | 넣는 자리 | 적는 예 | 원문 |
|---|---|---|---|
| primaryImageOfPage | WebPage 구조화 데이터 | "primaryImageOfPage": "https://example.com/images/main.png" | Specify the schema.org primaryImageOfPage property with a URL or ImageObject.schema.org primaryImageOfPage 속성에 URL이나 ImageObject 를 지정한다. |
| 주 엔티티의 image | Article·Product 같은 주 엔티티 구조화 데이터(mainEntityOfPage 로 페이지와 연결) | "mainEntityOfPage": "https://example.com/url", "image": "https://example.com/images/main.png" | Or specify an image URL or ImageObject property and attach it to the main entity (using the schema.org mainEntity or mainEntityOfPage properties):또는 이미지 URL이나 ImageObject 속성을 지정해 주 엔티티에 붙인다(schema.org mainEntity 나 mainEntityOfPage 속성 사용). |
| og:image | <head> 의 메타 태그 | <meta property="og:image" content="https://example.com/images/main.png"> | Specify the og:image meta tag.og:image 메타 태그를 지정한다. |
| 고르는 기준 | 원문 |
|---|---|
| 페이지 내용과 관련 있고 페이지를 대표하는 이미지 | Choose an image that's relevant and representative of the page.페이지와 관련 있고 페이지를 대표하는 이미지를 고른다. |
| 사이트 로고 같은 범용 이미지, 글자가 든 이미지는 피함 | Avoid using a generic image (for example, your site logo) or an image with text in the schema.org markup or og:image meta tag.schema.org 마크업이나 og:image 에 사이트 로고 같은 범용 이미지나 글자가 든 이미지를 쓰지 않는다. |
| 지나치게 좁거나 넓은 비율은 피함 | Avoid using an image with an extreme aspect ratio (such as images that are too narrow or overly wide).지나치게 좁거나 넓은 극단적인 가로세로 비율의 이미지를 쓰지 않는다. |
| 가능하면 고해상도 | Use a high resolution, if possible.가능하면 고해상도를 쓰라. |
네이버도 같은 og:image 를 씁니다(원문: 오픈 그래프 이미지 (og:image)는 네이버 검색 결과 내에서 사이트나 페이지를 대표하는 이미지 섬네일로 활용될 수 있습니다.) 그래서 og:image 하나를 제대로 두면 구글과 네이버 썸네일 후보가 함께 정리됩니다.
발견 03
썸네일을 빠지게 하는 설정은 4가지이고, nosnippet 은 썸네일을 남길 수 있습니다
| 설정 | 썸네일에 주는 영향 | 원문 |
|---|---|---|
| max-image-preview:none | 미리보기 이미지를 표시하지 않습니다. | none: No image preview is to be shown.none: 미리보기 이미지를 표시하지 않는다. |
| noimageindex | 이 페이지의 이미지를 색인하지 않습니다. | Do not index images on this page.이 페이지의 이미지를 색인하지 않는다. |
| CSS 배경 이미지 | 구글은 CSS 이미지를 색인하지 않습니다. | Google doesn't index CSS images.구글은 CSS 이미지를 색인하지 않습니다. |
| 크롤링할 수 없는 이미지 URL | 구조화 데이터에 적어도 구글이 찾지 못해 표시하지 못합니다. | All image URLs specified in structured data must be crawlable and indexable. Otherwise, Google Search can't find and display them on the search results page.구조화 데이터에 지정한 이미지 URL은 모두 크롤링과 색인이 가능해야 한다. 그렇지 않으면 구글 검색이 찾아서 검색 결과에 표시할 수 없다. |
| nosnippet | 텍스트 스니펫은 빠지지만 정적 썸네일은 남을 수 있습니다. | A static image thumbnail (if available) may still be visible, when it results in a better user experience.사용자 경험에 더 낫다면 정적 이미지 썸네일(있는 경우)은 계속 보일 수 있다. |
가장 흔한 원인은 대표 이미지를 CSS 배경으로 깐 경우입니다. 화면에는 크게 보여도, 구글이 찾는 것은 <img> 의 src 에 있는 이미지입니다.
두 번째는 이미지 서버나 폴더를 robots.txt 로 차단한 경우입니다. 구조화 데이터에 적은 이미지도 크롤링이 허용돼야 표시 후보가 됩니다.
| 순서 | 할 일 | 확인하는 자리 |
|---|---|---|
| 1 | 대표로 쓸 이미지를 본문에 <img src> 로 넣습니다. CSS 배경으로만 있으면 색인되지 않습니다. | 페이지 HTML |
| 2 | 고르는 기준 4가지에 맞는지 봅니다. 로고·글자 이미지는 다른 사진으로 바꿉니다. | 이미지 파일 |
| 3 | og:image 에 그 이미지의 절대 URL을 적습니다. | <head> 메타 태그 |
| 4 | 구조화 데이터를 쓰는 페이지는 primaryImageOfPage 나 주 엔티티 image 에 같은 URL을 적습니다. | JSON-LD |
| 5 | robots 메타 태그에 max-image-preview:none, noimageindex 가 없는지 봅니다. | <head> 또는 X-Robots-Tag |
| 6 | 이미지 URL이 robots.txt 로 차단되지 않았는지 서치 콘솔 URL 검사로 확인합니다. | 서치 콘솔 |
발견 04
B2B·B2C·B2G 사이트마다 썸네일로 알릴 이미지가 다릅니다
예시 ① 산업용 소재 기업의 기술 자료 페이지(B2B)
모든 자료 페이지의 og:image 가 회사 로고였습니다. 구글 기준의 「범용 이미지」에 해당합니다.
자료마다 제품 단면 사진이나 시험 장면 사진을 본문 <img> 로 넣고, 그 사진을 og:image 와 Article 의 image 에 적습니다.
예시 ② 상품 대표 사진을 배경으로 깐 쇼핑몰(B2C)
상품 상세 첫 화면의 대표 사진이 CSS 배경 이미지였습니다. 화면은 같아도 구글은 <img> 로 넣은 이미지를 찾습니다.
대표 사진을 <img> 로 바꾸고 Product 의 image 와 og:image 에 같은 URL을 적습니다.
예시 ③ 행사 안내 페이지가 많은 공공기관 누리집(B2G)
행사 안내마다 기관 상징 이미지 하나를 공통으로 썼고, 포스터는 글자가 가득한 이미지였습니다.
행사 현장 사진처럼 글자 없는 사진을 행사마다 하나씩 골라 og:image 로 지정합니다. 포스터는 본문에 그대로 둡니다.
그럼 썸네일이 안 붙는 페이지는 어떤 순서로 보나요?
- 대표로 쓸 이미지를 본문에 <img src> 로 넣습니다. CSS 배경으로만 있으면 색인되지 않습니다.
- 고르는 기준 4가지에 맞는지 봅니다. 로고·글자 이미지는 다른 사진으로 바꿉니다.
- og:image 에 그 이미지의 절대 URL을 적습니다.
- 구조화 데이터를 쓰는 페이지는 primaryImageOfPage 나 주 엔티티 image 에 같은 URL을 적습니다.
- robots 메타 태그에 max-image-preview:none, noimageindex 가 없는지 봅니다.
- 이미지 URL이 robots.txt 로 차단되지 않았는지 서치 콘솔 URL 검사로 확인합니다.
- 고친 뒤 URL 검사에서 색인 생성을 요청하고, 이미지를 찾는 검색어로 다시 확인합니다.
조사 방법
- Google Search Central 「Google image SEO best practices」 (문서 수정일 2026-03-02) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/google-images
- Google Search Central 「Visual Elements gallery of Google Search」 (문서 수정일 2026-02-04) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/visual-elements-gallery
- 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 「General structured data guidelines」 (문서 수정일 2026-07-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/structured-data/sd-policies
- 네이버 서치어드바이저 「콘텐츠 마크업」 · 최종 확인일 2026-10-18 · https://searchadvisor.naver.com/guide/markup-content
- 점검 순서 6단계는 위 문서들이 썸네일 이미지 선택·색인·차단에 대해 적은 것을 순서로 묶은 것입니다. 묶는 방식은 편집 판단입니다.
- 여러 메타데이터에 같은 URL을 적으라는 것과 절대 URL로 적으라는 것은 문서 예제를 따른 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 원문은 영어판(hl=en)이고, 도구·보고서 이름은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다. 네이버 원문은 한국어 그대로입니다.