오픈 그래프(OG) 태그 텍스트 최적화 가이드
SNS 공유 시 보이는 오픈 그래프 메타 태그의 og:title, og:description 텍스트 최적 길이와 작성 원칙을 설명합니다.
Q.오픈 그래프 OG 태그의 og:title과 og:description은 몇 글자로 작성해야 하나요?
og:title은 40-60자(한글 기준)가 최적입니다. 대부분의 SNS에서 60-70자를 초과하면 잘립니다. og:description은 100-150자가 적당하며, 카카오톡 공유 미리보기에서는 2-3줄(약 80-120자)이 표시됩니다. og:image는 1200×630px 권장 크기이며, 이미지 안의 텍스트는 이미지 면적의 20% 이내로 제한합니다.
카카오톡에서 링크를 공유했더니 제목이 "텍스트 편집 도구 비교 - 2024년 추천 도구 10가지 선정 기준 및..."으로 잘려서 표시됐다. og:title을 80자로 써뒀기 때문이다. 잘린 제목은 클릭률을 낮춘다.
핵심 답변
og:title은 40-60자(한글 기준)가 최적입니다. 대부분의 SNS에서 60-70자를 초과하면 잘립니다. og:description은 100-150자가 적당하며, 카카오톡 공유 미리보기에서는 2-3줄(약 80-120자)이 표시됩니다. og:image는 1200×630px 권장 크기이며, 이미지 안의 텍스트는 이미지 면적의 20% 이내로 제한합니다.
플랫폼별 OG 태그 표시 기준
| 플랫폼 | og:title 최대 표시 | og:description 최대 표시 |
|---|---|---|
| 카카오톡 | 50-60자 | 80-100자 |
| 페이스북 | 60-80자 | 155-160자 |
| 트위터(X) | 55-60자 | 130-150자 |
| 네이버 밴드 | 45-55자 | 70-90자 |
| 슬랙 | 70-80자 | 140-150자 |
OG 태그 HTML 작성 예시
html
<meta property="og:title" content="텍스트 편집 도구 비교 - 무료 도구 5종 분석" />
<meta property="og:description" content="글자수 세기부터 맞춤법 검사까지, 텍스트 작업에 필요한 무료 온라인 도구 5가지를 기능과 속도로 비교합니다." />
<meta property="og:image" content="https://texturb.com/og-image.jpg" />
<meta property="og:type" content="article" />
og:title 작성 원칙
- 페이지 H1 제목과 동일하거나 유사하게 작성 (완전히 달라서는 안 됨)
- 핵심 키워드를 앞에 배치
- 구체적인 숫자나 혜택을 포함하면 클릭률 향상
- 느낌표, 물음표 등 감정 유발 문장 부호는 카카오톡에서 잘 작동
og:description 작성 원칙
og:description은 검색 결과 메타 디스크립션과 분리해서 관리하는 것이 좋다. SNS 공유에서는 "이 콘텐츠를 읽으면 무엇을 얻는가"에 초점을 맞추고, 검색 스니펫은 검색자의 의도에 초점을 맞춘다.
OG 태그 개선 전후 비교
og:title 개선 전 (82자, 잘림):
"텍스트 편집 도구 완전 비교 - 2025년 추천 무료 도구 10가지와 유료 도구 5가지 선정 기준"
og:title 개선 후 (48자, 표시됨):
"텍스트 편집 도구 비교 - 무료 5종 2025년 분석"
og:description 개선 전 (190자, 카카오톡에서 잘림):
"글자수 세기, 맞춤법 검사, 공백 제거 등 텍스트 작업에 필요한 다양한 무료 온라인 도구들을 실제로 사용해보고 기능과 속도를 꼼꼼히 비교·분석했습니다. 이 글을 읽으면 자신에게 맞는 도구를 바로 선택할 수 있습니다."
og:description 개선 후 (108자, 완전 표시):
"글자수·맞춤법·공백 제거 기능을 제공하는 무료 도구 5종 실사용 비교. 블로거·마케터에게 딱 맞는 도구를 안내합니다."
실전 적용 가이드
1단계: 기존 OG 태그 길이 점검
발행된 모든 페이지의 og:title과 og:description 길이를 확인한다. 60자 초과 og:title과 160자 초과 og:description을 우선 수정 대상으로 지정한다.
2단계: 카카오톡 공유 테스트
카카오 개발자 도구(developers.kakao.com)의 URL 디버거를 사용하면 카카오톡에서 OG 태그가 어떻게 표시될지 미리 확인할 수 있다.
3단계: 페이스북·트위터 디버거 활용
페이스북 공유 디버거(developers.facebook.com/tools/debug)와 트위터 카드 유효성 검사기(cards-dev.twitter.com/validator)로 플랫폼별 표시를 사전 확인한다.
자주 묻는 질문
Q. og:title과 페이지 title 태그를 다르게 작성해도 되나요?
A. 됩니다. 하지만 너무 다르면 방문자가 혼란스러울 수 있습니다. og:title은 SNS 공유에 최적화하고, title 태그는 검색 결과에 최적화하되, 핵심 키워드와 페이지 주제는 동일하게 유지하는 것이 좋습니다.
Q. og:image 없으면 SNS 공유에 얼마나 영향을 미치나요?
A. og:image가 없으면 각 플랫폼이 페이지에서 임의의 이미지를 선택하거나 이미지 없이 표시합니다. 이미지 없는 카드는 클릭률이 이미지 있는 카드 대비 현저히 낮습니다. 최소한 기본 og:image 1개는 반드시 설정하세요.
마무리
이 글에서 정리한 기준을 실제 작업에 적용할 때는 [텍스터브 글자수 세기](/tools/char-counter/) 도구로 분량을 직접 확인하면서 진행하면 더 정확하게 맞출 수 있다.