소셜·커뮤니티 · 공식 문서
og 태그 뜻과 페이지별로 넣을 항목 정리
og 태그는 링크가 공유될 때 제목·설명·이미지를 미리보기로 보여 주게 하는 <head> 안의 메타 태그입니다. Open Graph 프로토콜의 필수 항목은 og:title·og:type·og:image·og:url 4가지이고, og:description 을 더해 페이지마다 다른 값을 넣습니다.
카카오톡이나 소셜 미디어에 링크를 붙이면 제목과 이미지가 담긴 카드가 뜹니다. 이 카드의 재료가 og 태그입니다.
og 태그를 넣으면 카드에 어떤 제목과 이미지를 보여 줄지 사이트가 정합니다. 페이지마다 값이 달라야 카드도 페이지마다 달라집니다.
발견 01
og 태그는 <head> 에 넣는 메타 태그이고, 필수 항목은 4가지입니다
We've based the initial version of the protocol on RDFa which means that you'll place additional <meta> tags in the <head> of your web page.
이 프로토콜은 RDFa 를 바탕으로 해서, 웹 페이지의 <head> 에 <meta> 태그를 더 넣는 방식입니다.
| 항목 | 원문 |
|---|---|
| 필수 항목 | The four required properties for every page are: og:title · og:type · og:image · og:url모든 페이지에 필요한 필수 속성은 넷이다: og:title · og:type · og:image · og:url. |
| 선택 항목 | The following properties are optional for any object and are generally recommended:다음 속성은 어떤 대상에든 선택이며 대체로 넣기를 권합니다. |
| 표시 안 한 페이지 | Any non-marked up webpage should be treated as og:type website.따로 표시하지 않은 웹 페이지는 og:type 을 website 로 봅니다. |
| 같은 태그가 여럿일 때 | The first tag (from top to bottom) is given preference during conflicts.같은 속성이 겹치면 위에서부터 첫 번째 태그가 우선한다. |
네이버도 og 태그를 소셜 공유용 정보로 설명하면서, 검색 로봇이 함께 읽는 경우가 있어 같이 넣기를 권했습니다.
원문: 오픈 그래프 태그는 사이트가 소셜 미디어로 공유될 때 우선적으로 활용되는 정보입니다. 그러나 네이버 검색 로봇도 해당 정보의 내용을 동시에 활용하여 페이지 분석 및 노출에 사용하는 경우가 있으므로, 가급적 같이 기입하시는 것을 권장합니다.
발견 02
og 태그 8가지 중 5가지는 페이지마다 다른 값을 넣습니다
| og 태그 | OGP 필수 | 네이버 예시 | 카카오 사용 | 페이지마다 다름 | 넣을 값 | 원문 |
|---|---|---|---|---|---|---|
| og:title | 예 | 예 | 예 | 예 | 그 페이지의 제목. 페이지마다 다르게 | og:title - The title of your object as it should appear within the graph, e.g., "The Rock".og:title 은 공유 카드에 보일 대상의 제목입니다. |
| og:type | 예 | 예 | 없음 | 없음 | 홈·일반 페이지는 website, 글은 article | og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required. Any non-marked up webpage should be treated as og:type website.og:type 은 대상의 종류이고, 종류에 따라 다른 속성이 더 필요할 수 있습니다. 따로 표시하지 않은 페이지는 website 로 봅니다. |
| og:image | 예 | 예 | 예 | 예 | 그 페이지를 대표하는 고유 이미지의 절대 URL | og:image - An image URL which should represent your object within the graph.og:image 는 그래프 안에서 그 대상을 대표할 이미지의 URL. |
| og:url | 예 | 예 | 없음 | 예 | 그 페이지의 캐노니컬 URL | og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".og:url 은 대상의 캐노니컬 URL이며, 고유 ID로 쓰입니다. |
| og:description | 없음 | 예 | 예 | 예 | 그 페이지를 설명하는 한두 문장 | og:description - A one to two sentence description of your object.og:description 은 대상을 한두 문장으로 설명한 글입니다. |
| og:site_name | 없음 | 없음 | 예 | 없음 | 사이트 이름. 모든 페이지에 같은 값 | og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".og:site_name 은 대상이 큰 사이트의 일부일 때 보여 줄 사이트 전체의 이름입니다. |
| og:locale | 없음 | 없음 | 없음 | 없음 | 한국어 페이지는 ko_KR | og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.og:locale 은 태그의 언어·지역이며 language_TERRITORY 형식이고, 기본값은 en_US 입니다. |
| og:image:alt | 없음 | 없음 | 없음 | 예 | 이미지에 담긴 것을 설명하는 글 | 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 도 지정해야 한다. |
흔한 실수는 모든 페이지에 홈의 og 태그를 그대로 두는 것입니다. 상품이나 글 링크를 보내도 홈 제목과 로고가 뜹니다.
og:url 도 같은 실수가 납니다. 원문은 og:url 을 캐노니컬 URL이자 고유 ID로 적었으니, 페이지마다 자기 URL을 넣습니다. 이미지 크기 기준은 「메타 태그 이미지 사이즈, og:image 공식 기준 대조」 편에 자세히 적었습니다.
발견 03
카카오톡은 <head> 의 og 태그를 읽어 미리보기를 만들고, 화면에 쓰는 태그는 4가지입니다
사용자가 웹페이지 링크를 스크랩하면 해당 웹페이지의 HTML 코드의 <head> 영역에서 오픈 그래프 프로토콜의 메타 태그 정보를 추출합니다.
| 화면 자리 | og 태그 | 원문 |
|---|---|---|
| 이미지 | og:image | 스크랩 메시지는 웹 페이지의 핵심 정보를 자동으로 불러와 카카오톡 메시지로 전송하는 기능입니다. |
| 제목·설명 | og:title · og:description | 사용자가 웹페이지 링크를 스크랩하면 해당 웹페이지의 HTML 코드의 <head> 영역에서 오픈 그래프 프로토콜의 메타 태그 정보를 추출합니다. |
| 버튼의 사이트 이름 | og:site_name | 지정하지 않을 경우, 요청한 웹 페이지의 사이트 도메인 표시 |
발견 04
같은 og 태그라도 B2B·B2C·B2G 는 공유되는 페이지와 신경 쓸 항목이 다릅니다
예시 ① 영업 담당자가 제안서 링크를 보내는 문의형 기업 사이트(B2B)
영업 담당자가 제품 소개 페이지 링크를 고객사 담당자에게 카카오톡으로 보냅니다. 카드에 홈 로고만 뜨면 어떤 제품인지 알 수 없습니다.
제품 페이지마다 og:title 에 제품명을, og:image 에 제품 사진을 넣습니다. og:site_name 에는 회사 이름을 둡니다.
예시 ② 상품 링크가 단체 대화방에 퍼지는 쇼핑몰(B2C)
상품 수가 많아 og 태그를 손으로 쓸 수 없습니다. 상품명·대표 이미지·상품 URL 데이터로 상품 페이지마다 og 태그를 만들어 넣습니다.
기획전 페이지는 기획전 배너를, 상품 페이지는 상품 사진을 씁니다. 이미지도 페이지마다 따로 둡니다.
예시 ③ 공지 링크를 주민에게 알리는 공공기관 누리집(B2G)
행사 공지 링크를 소식지와 메신저로 알립니다. 게시판 프로그램이 모든 게시물에 기관 로고 하나를 og:image 로 넣고 있었습니다.
게시물 제목을 og:title 로, 첫 문장을 og:description 으로 넣게 바꿉니다. 첨부 포스터가 있는 공지는 그 이미지를 og:image 로 씁니다.
그럼 og 태그는 어떤 순서로 넣나요?
- 공유가 자주 되는 페이지 종류(홈·상품·글·공지)를 적습니다.
- 종류마다 위 8가지 항목에 어떤 데이터를 넣을지 정합니다.
- 필수 4가지와 og:description 을 모든 페이지의 <head> 에 넣습니다.
- og:image 와 og:url 은 https:// 로 시작하는 절대 URL로 씁니다.
- 페이지 소스 보기로 og 태그가 서버가 보내는 HTML 안에 있는지 확인합니다.
- 카카오톡으로 링크를 보내 카드를 봅니다. 예전 카드가 남아 있으면 「오픈그래프 캐시 삭제」 편의 순서를 따릅니다.
조사 방법
- Open Graph protocol (ogp.me) 「The Open Graph protocol」 · 최종 확인일 2026-10-25 · https://ogp.me/
- 네이버 서치어드바이저 「콘텐츠 마크업」 · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/markup-content
- 카카오디벨로퍼스 「메시지 템플릿 > 이해하기」 · 최종 확인일 2026-10-25 · https://developers.kakao.com/docs/ko/message-template/common
- og 태그 8가지는 OGP 「Basic Metadata」의 필수 4가지와 「Optional Metadata」·「Structured Properties」에서 고른 것입니다. 고른 기준과 「페이지마다 다름」·「넣을 값」은 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- Open Graph 프로토콜 원문은 영어판이고, 네이버·카카오 문서는 한국어 원문 그대로 옮겼습니다. Meta(Facebook) 개발자 문서는 robots.txt 머리 주석이 자동 수집을 금지해 열지 않았습니다.