오픈 그래프 (Open Graph)
Open Graph(오픈 그래프)는 Facebook이 2010년에 개발한 메타 태그 프로토콜로, 웹페이지가 소셜 미디어(Facebook, LinkedIn, X, 카카오톡 등)에서 공유될 때 표시되는 제목, 설명, 이미지, URL 등의 미리보기 정보를 제어합니다.
Open Graph(오픈 그래프)는 Facebook이 2010년에 개발한 메타 태그 프로토콜로, 웹페이지가 소셜 미디어(Facebook, LinkedIn, X, 카카오톡 등)에서 공유될 때 표시되는 제목, 설명, 이미지, URL 등의 미리보기 정보를 제어합니다.
왜 중요한가
블로그 포스트를 소셜 미디어나 메신저로 공유할 때, 매력적인 미리보기가 표시되는지 여부가 클릭률을 결정합니다. OG 태그가 설정되지 않으면 소셜 플랫폼이 페이지에서 임의로 텍스트와 이미지를 추출하여 의도하지 않은 미리보기가 생성됩니다. 2026년에는 다크 소셜(카카오톡, DM 등)을 통한 콘텐츠 공유가 전체의 84%를 차지하므로, 메신저에서의 링크 미리보기 최적화는 트래픽 확보에 직접적 영향을 미칩니다. OG 태그 자체는 Google 검색 랭킹에 직접 영향을 주지 않지만, 소셜 공유를 통한 트래픽·인지도·백링크 확보를 간접적으로 촉진합니다.
필수 OG 태그
| 태그 | 역할 | 예시 |
|---|---|---|
og:title | 공유 시 표시되는 제목 | "SEO 초보자를 위한 완벽 가이드" |
og:description | 공유 시 표시되는 설명 | "검색엔진최적화의 기초부터..." |
og:image | 공유 시 표시되는 대표 이미지 | 1200×630px 권장 |
og:url | 페이지의 정규 URL | https://inblog.ai/ko/blog/seo-guide |
og:type | 콘텐츠 유형 | article, website |
OG 태그 작성 가이드
og:title
- 페이지 title 태그와 동일하거나, 소셜에 최적화된 별도 제목을 사용합니다.
- 60~90자 이내로 작성하여 잘리지 않도록 합니다.
og:description
- 200자 이내로 핵심 내용을 요약합니다.
- 클릭을 유도하는 문구를 포함합니다.
og:image
- 최소 1200×630px(가로:세로 = 1.91:1) 해상도를 권장합니다.
- 텍스트 오버레이가 있다면 이미지의 20% 이내로 제한합니다.
- 각 페이지마다 고유한 이미지를 사용하면 공유 시 시각적 다양성이 확보됩니다.
OG 태그 vs Twitter Card
X(구 Twitter)는 OG 태그 대신 자체 twitter:card 메타 태그를 우선 사용합니다. 단, twitter: 태그가 없으면 OG 태그를 폴백으로 사용합니다. 두 플랫폼 모두 최적화하려면 OG 태그와 Twitter Card 태그를 함께 설정하는 것이 좋습니다.
플랫폼별 미리보기 디버깅
- Facebook: Facebook Sharing Debugger — OG 태그 파싱 결과와 캐시 갱신
- X (Twitter): Card Validator — Twitter Card 미리보기 확인
- LinkedIn: Post Inspector — LinkedIn 공유 미리보기 확인
- 카카오톡: 카카오 개발자 도구의 캐시 초기화 기능
흔한 실수
- og:image 누락: 이미지 없이 공유하면 클릭률이 급감합니다.
- 작은 이미지: 권장 해상도(1200×630px) 미만이면 플랫폼에서 이미지가 잘리거나 흐릿하게 표시됩니다.
- 캐시 미갱신: OG 태그를 수정한 후 소셜 플랫폼의 캐시를 갱신하지 않으면 이전 미리보기가 계속 표시됩니다.
Sources:
- The Open Graph Protocol — ogp.me
- Open Graph Meta Tags: Everything You Need to Know — Ahrefs
- What Is Open Graph and How to Use It — Semrush
관련 인블로그 게시물
inblog에서 활용하기
inblog는 포스트 작성 시 OG 제목, 설명, 이미지를 별도로 설정할 수 있는 기능을 제공합니다. 검색 결과용 메타 태그와 소셜 공유용 OG 태그를 각각 최적화하면, 검색 트래픽과 소셜/다크 소셜 트래픽을 동시에 극대화할 수 있습니다. 특히 커버 이미지를 1200×630px로 제작하면 모든 플랫폼에서 깔끔한 미리보기가 보장됩니다.