오픈그래프(og 태그)는 페이스북이 2010년 제안한 프로토콜로 원래는 자체 RDFa 규격이지만, 현재는 카카오톡·슬랙·트위터(X) 등 대부분의 메신저와 SNS가 공통으로 채택해 사실상 링크 공유 미리보기의 업계 표준이 됐다. og:image는 1200x630px 비율을 권장하며, 이 규격을 지키지 않으면 플랫폼마다 이미지가 잘리거나 여백이 생기는 문제가 발생한다. 오픈그래프는 검색엔진 순위에는 직접 영향을 주지 않지만, 소셜 공유 시 클릭률을 좌우해 바이럴 확산의 첫인상을 결정짓는 요소다.
실무 적용 및 비즈니스 영향
- 소셜 공유 시 클릭률을 극대화하고 외부 바이럴 유입을 촉진하는 필수 온페이지 요소
구현 가이드 및 주의사항
- og:title og:description og:image(1200x630 권장) 및 og:url을 정확히 지정
코드 예시
<!-- Open Graph: SNS 공유 시 미리보기 카드를 제어하는 메타 태그 -->
<meta property="og:title" content="모던 웹 아키텍처 완벽 가이드">
<meta property="og:description" content="헤드리스 CMS부터 AI 검색 최적화까지 한 번에 정리">
<meta property="og:image" content="https://example.com/og-image-1200x630.jpg">
<meta property="og:url" content="https://example.com/guide">
<meta property="og:type" content="article">