오픈 그래프 (OG)
오픈 그래프(Open Graph)란 링크를 소셜 미디어나 메신저에 공유할 때 표시되는 제목, 설명, 이미지 미리보기를 정의하는 메타데이터 규격입니다.
- 오픈 그래프(Open Graph)는 웹페이지를 소셜 미디어·메신저에 공유할 때 보이는 제목·설명·이미지 미리보기 카드를 정의하는 메타데이터 규격입니다.
- 핵심 태그는 og:title(제목), og:description(설명), og:image(썸네일), og:url(정규 URL)입니다.
- OG 이미지 권장 크기는 1200x630px이며, OG가 잘 설정된 링크는 공유 시 클릭률이 크게 올라갑니다.
오픈 그래프(OG)란?
오픈 그래프(Open Graph)는 웹페이지를 소셜 미디어나 메신저에 공유할 때, 어떤 제목, 설명, 이미지로 미리보기 카드를 보여줄지 정의하는 메타데이터 규격입니다. 페이지의 <head>에 og:title, og:description, og:image 같은 태그로 작성합니다.
주요 OG 태그
| 태그 | 역할 |
|---|---|
og:title | 미리보기 카드 제목 |
og:description | 미리보기 카드 설명 |
og:image | 미리보기 썸네일 이미지 |
og:url | 정규 URL |
OG 이미지 권장 크기
OG 이미지는 1200x630px(약 1.91:1 비율)이 표준입니다. 이 비율을 벗어나면 카카오톡, 페이스북, 슬랙 등에서 잘리거나 작게 표시될 수 있습니다.
OG 태그 만들고 미리보기 확인하기
OG 태그는 직접 작성할 수도 있지만, 도구를 쓰면 빠릅니다. 무료 메타 태그 생성기로 OG·트위터 카드 태그를 한 번에 만들고, OG 태그 미리보기로 페이스북·트위터·카카오톡·슬랙에서 실제로 어떻게 보이는지 공유 전에 확인할 수 있습니다.
왜 중요한가요?
OG 태그가 잘 설정된 링크는 공유 시 매력적인 미리보기 카드로 표시되어 클릭률이 크게 올라갑니다. 반대로 OG가 비어 있으면 밋밋한 텍스트 링크로 노출되어 클릭이 줄어듭니다.
Edgelink에서의 오픈 그래프
Edgelink은 단축 링크를 공유할 때 목적지의 오픈 그래프 정보가 미리보기 카드로 표시되므로, 그 카드를 본 사용자의 클릭이 어느 채널에서 더 많이 발생하는지 채널별로 확인할 수 있습니다.
자주 묻는 질문
OG 이미지 크기는 얼마가 좋나요?
1200x630px(약 1.91:1 비율)이 표준입니다. 이 비율을 벗어나면 카카오톡·페이스북·슬랙에서 잘리거나 작게 표시될 수 있습니다.
OG 태그를 바꿨는데 미리보기가 그대로예요.
소셜 플랫폼이 이전 미리보기를 캐시하기 때문입니다. 페이스북 공유 디버거나 카카오 캐시 초기화 도구로 다시 스크랩하면 새 OG 정보가 반영됩니다.