소셜·커뮤니티 · 공식 문서
og:image 크기 하한은 네이버가 150×150 초과, 구글 디스커버가 너비 1200픽셀로 문서마다 다르게 적었습니다
16:9 비율 1200×675 로 만들면 네이버·구글 문서의 크기 조건을 함께 맞춥니다. 네이버는 150×150 초과·5,000바이트 이상·가로세로 3:1 이내를 적었습니다. 구글은 Article 구조화 데이터에 50,000픽셀 이상, 디스커버에 너비 1200픽셀 이상을 권장했습니다. Open Graph 프로토콜 자체에는 권장 크기 숫자가 없고, width·height 속성으로 크기를 알리게 했습니다.
og:image 는 링크 공유 미리보기와 검색 결과 섬네일에 쓰이는 대표 이미지입니다. <head> 에 메타 태그 <meta property="og:image" content="이미지 URL"> 로 넣습니다.
크기 기준은 문서마다 달라서, 원문 넷을 나란히 놓고 한 장으로 맞추는 크기를 셈했습니다.
발견 01
Open Graph 프로토콜은 og:image 를 필수 속성으로 두고, 크기는 width·height 속성으로 알리게 했습니다
| 항목 | 원문 |
|---|---|
| 필수 속성 | The four required properties for every page are: og:title · og:type · og:image · og:url모든 페이지에 필요한 필수 속성은 넷이다: og:title · og:type · og:image · og:url. |
| og:image | og:image - An image URL which should represent your object within the graph.og:image 는 그래프 안에서 그 대상을 대표할 이미지의 URL. |
| 선택 속성 | The og:image property has some optional structured properties:og:image 에는 선택으로 쓸 수 있는 하위 속성이 있다. |
| 너비 | og:image:width - The number of pixels wide.og:image:width 는 가로 픽셀 수. |
| 높이 | og:image:height - The number of pixels high.og:image:height 는 세로 픽셀 수. |
| 대체 텍스트 | og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.og:image:alt 는 이미지에 무엇이 있는지 적은 설명(캡션이 아님). og:image 를 지정했다면 og:image:alt 도 지정해야 한다. |
| 여러 장일 때 | The first tag (from top to bottom) is given preference during conflicts.같은 속성이 겹치면 위에서부터 첫 번째 태그가 우선한다. |
발견 02
네이버는 og:image 체크 사항 4가지로 150×150 초과·5,000바이트 이상·3:1 이내·고유 이미지를 적었습니다
| 체크 사항 | 원문 |
|---|---|
| 쓰임 | 오픈 그래프 이미지 (og:image)는 네이버 검색 결과 내에서 사이트나 페이지를 대표하는 이미지 섬네일로 활용될 수 있습니다. |
| 크기 | 이미지 크기가 150x150 보다 커야 합니다. |
| 용량 | 이미지 파일 사이즈 크기가 5,000 byte 이상이어야 합니다. |
| 비율 | 이미지 가로:세로 비율이 3:1을 넘지 않아야 합니다. |
| 고유성 | 각 문서를 대표할 수 있는 고유 이미지인지 확인해주세요. |
| 검색에도 쓰임 | 그러나 네이버 검색 로봇도 해당 정보의 내용을 동시에 활용하여 페이지 분석 및 노출에 사용하는 경우가 있으므로, 가급적 같이 기입하시는 것을 권장합니다. |
발견 03
구글은 Article 구조화 데이터에 5만 픽셀 이상, 디스커버에 너비 1200픽셀 이상을 권장했습니다
| 문서 | 원문 |
|---|---|
| Article: 이미지 고르기 | Use images that are relevant to the article, rather than logos or captions.로고나 캡션이 아니라 기사와 관련 있는 이미지를 쓴다. |
| Article: 크롤링 | Image URLs must be crawlable and indexable.이미지 URL 은 크롤링·색인이 가능해야 한다. |
| Article: 크기·비율 | For best results, we recommend providing multiple high-resolution images (minimum of 50K pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1.가장 좋은 결과를 위해 16x9·4x3·1x1 비율의 고해상도 이미지(가로×세로 5만 픽셀 이상)를 여러 장 제공하길 권장한다. |
| 디스커버: 권장 사양 | We recommend using images that meet the following specifications:아래 사양을 맞춘 이미지를 권장한다. |
| 디스커버: 너비 | At least 1200 px wide너비 1200px 이상 |
| 디스커버: 총 픽셀 | High resolution of more than 300,000 total pixels (for example, a 16:9 image that's 1280x720 pixels would have 921,600 total pixels and satisfies this specification)총 30만 픽셀을 넘는 고해상도(예: 16:9 1280x720 이미지는 921,600픽셀이라 이 조건을 맞춘다) |
| 디스커버: 비율 | 16x9 aspect ratio가로세로 비율 16x9 |
| 디스커버: 설정 | Enabled by the max-image-preview:large setting, or by using AMPmax-image-preview:large 설정이나 AMP 사용으로 켜져 있을 것 |
| 디스커버: 로고 | Avoid using generic images (for example, your site logo) in the schema.org markup or og:image meta tag.schema.org 마크업이나 og:image 메타 태그에 사이트 로고 같은 일반 이미지를 쓰지 않는다. |
| 디스커버: 글자 | For best results, avoid using text-heavy images in the schema.org markup or og:image meta tag.가장 좋은 결과를 위해 schema.org 마크업이나 og:image 메타 태그에 글자가 많은 이미지를 쓰지 않는다. |
네이버 값은 150×150 을 곱한 수입니다. 1200×675 는 810,000픽셀로 세 하한을 모두 넘습니다.
| 문서 | 최소 총 픽셀 | 그 밖의 크기 조건 |
|---|---|---|
| 네이버 og:image | 22,500 초과 | 150×150 초과 · 5,000바이트 이상 · 가로세로 3:1 이내 |
| 구글 Article | 50,000 이상 | 16x9 · 4x3 · 1x1 비율의 여러 장 |
| 구글 디스커버 | 300,000 초과 | 너비 1200px 이상 · 16x9 · max-image-preview:large |
그럼 og:image 는 어떤 크기로 만드나요?
- 대표 이미지를 16:9 1200×675(810,000픽셀)로 만들면 네이버·구글 Article·디스커버의 크기·비율 조건을 함께 맞춥니다. 파일은 5,000바이트 이상으로 둡니다.
- <head> 에 og:image 를 크롤러가 받을 수 있는 절대 URL(https:// 로 시작)로 넣습니다. og:image:width·og:image:height·og:image:alt 도 같이 적습니다.
- 페이지마다 그 페이지를 대표하는 다른 이미지를 씁니다. 사이트 로고·공통 배너·글자가 많은 이미지는 대표 이미지로 쓰지 말라고 네이버·구글이 적었습니다.
- 기사·블로그 글은 Article 구조화 데이터의 image 에 16x9·4x3·1x1 세 장을 배열로 넣습니다.
- 디스커버에 큰 이미지로 보이게 하려면 robots 메타 태그에 max-image-preview:large 를 둡니다.
- 올린 뒤에는 네이버 웹마스터도구 URL 검사의 Meta 항목에서 og 태그가 읽히는지 봅니다.
조사 방법
- Open Graph protocol (ogp.me) 「The Open Graph protocol」 · 최종 확인일 2026-10-18 · https://ogp.me/
- 네이버 서치어드바이저 「콘텐츠 마크업」 · 최종 확인일 2026-10-18 · https://searchadvisor.naver.com/guide/markup-content
- Google Search Central 「Article (Article, NewsArticle, BlogPosting) structured data」 (문서 수정일 2026-09-08) · 최종 확인일 2026-10-18 · https://developers.google.com/search/docs/appearance/structured-data/article
- Google Search Central 「Google Discover and your website」 (문서 수정일 2026-03-09) · 최종 확인일 2026-10-18 · https://developers.google.com/search/docs/appearance/google-discover
- 네이버 서치어드바이저 「URL 검사」 · 최종 확인일 2026-10-18 · https://searchadvisor.naver.com/guide/url-inspection
- 네이버 체크 사항 4가지는 「콘텐츠 마크업」 「오픈 그래프 이미지」 절 목록 항목 수, OGP 선택 속성 6개는 「Structured Properties」 절 og:image 목록 항목 수입니다.
- 최소 총 픽셀은 문서 숫자에서 셈했습니다. 네이버 22,500은 150×150 의 곱이고, 1200×675 는 세 문서 조건을 함께 맞추는 한 예로 우리가 계산한 값입니다(공식 문서의 권장 크기와 구분해 적습니다).
- 구글 원문은 영어판(hl=en)이고, 번역어는 한국어판(hl=ko)의 「디스커버」·「가로세로 비율」 표기를 따랐습니다. Meta(Facebook) 공유 문서는 robots.txt 머리 주석이 자동 수집을 금지해 열지 않았습니다.