OG 태그란? 카카오톡·SNS 공유 썸네일 설정 방법

홈페이지나 블로그 글을 카카오톡, 페이스북, 네이버 밴드, 문자메시지 등으로 공유했을 때 제목, 설명, 대표 이미지가 카드 형태로 표시되는 경우가 있습니다. 이때 사용되는 대표적인 메타 정보가 바로 OG 태그(Open Graph Tag)입니다.

OG 태그가 제대로 설정되어 있지 않으면 공유 시 썸네일 이미지가 나오지 않거나, 엉뚱한 제목과 설명이 표시될 수 있습니다. 온라인 홍보나 마케팅을 운영한다면 OG 태그 설정은 기본적인 웹사이트 관리 요소입니다.

OG 태그란 무엇인가요?

OG 태그는 Open Graph 프로토콜을 기반으로 한 메타태그입니다. 웹페이지가 SNS나 메신저에 공유될 때 어떤 제목, 설명, 이미지, 주소를 보여줄지 알려주는 역할을 합니다.

일반적인 SEO 메타태그가 검색엔진을 위한 정보라면, OG 태그는 SNS 공유 화면을 위한 정보라고 볼 수 있습니다.

OG 태그가 중요한 이유

• 카카오톡 공유 시 썸네일 이미지 표시
• SNS 공유 카드 제목과 설명 제어
• 브랜드 신뢰도 향상
• 클릭률 향상
• 광고 및 이벤트 페이지 공유 품질 개선

같은 링크라도 썸네일이 있는 링크와 없는 링크는 사용자가 느끼는 신뢰도가 다릅니다. 특히 이벤트, 예약, 신청, 상품 상세페이지처럼 클릭 유도가 중요한 페이지라면 OG 태그 설정이 클릭률에 직접적인 영향을 줄 수 있습니다.

필수 OG 태그 종류

1. og:title

공유 카드에 표시될 제목입니다. 페이지의 핵심 내용을 짧고 명확하게 작성하는 것이 좋습니다.

2. og:description

공유 카드에 표시될 설명 문구입니다. 너무 길게 작성하기보다 페이지 내용을 1~2문장으로 요약하는 것이 좋습니다.

3. og:image

공유 시 표시되는 대표 이미지입니다. 카카오톡이나 SNS에서는 이 이미지가 썸네일로 표시됩니다. 가능하면 가로형 이미지 비율을 사용하는 것이 좋습니다.

4. og:url

현재 페이지의 대표 주소입니다. 중복 URL이나 파라미터 URL이 많은 경우 대표 주소를 명확히 지정하는 데 도움이 됩니다.

5. og:type

페이지 유형을 지정합니다. 일반적인 홈페이지는 website, 블로그 글이나 뉴스 글은 article을 사용할 수 있습니다.

OG 태그 전체 예시

카카오톡 공유 썸네일이 안 나오는 이유

카카오톡에서 링크를 공유했는데 이미지가 나오지 않는다면 다음 원인을 확인해야 합니다.

• og:image 주소가 잘못된 경우
• 이미지 경로가 상대경로로 입력된 경우
• 이미지 파일 접근이 차단된 경우
• 이미지 크기가 너무 작거나 비율이 맞지 않는 경우
• 카카오톡 캐시가 이전 정보를 가지고 있는 경우

특히 og:image는 가능하면 절대경로를 사용하는 것이 좋습니다. 예를 들어 ./img/sample.png 보다는 https://도메인/img/sample.png 형태가 안정적입니다.

OG 태그와 SEO 메타태그의 차이

SEO 메타태그는 검색엔진 결과 화면에 영향을 줄 수 있는 정보입니다. 반면 OG 태그는 SNS와 메신저 공유 화면에 영향을 줍니다.

둘은 목적이 다르지만 함께 관리하는 것이 좋습니다. 검색 유입과 SNS 공유 유입을 모두 고려해야 하기 때문입니다.

OG 태그 검사 방법

OG 태그를 설정한 뒤에는 실제 공유 전에 반드시 확인하는 것이 좋습니다. URLLY의 OG 태그 미리보기 도구를 사용하면 페이지의 제목, 설명, 이미지 정보가 어떻게 표시되는지 확인할 수 있습니다.

OG 태그 작성 시 주의사항

• 페이지마다 고유한 제목과 설명을 작성합니다.
• og:image는 절대경로로 입력합니다.
• 이미지는 너무 작지 않게 준비합니다.
• 공유 전 카카오톡, SNS에서 실제 표시를 확인합니다.
• 페이지 내용과 다른 과장 문구는 피합니다.

결론

OG 태그는 SNS와 메신저에서 링크가 어떻게 보일지 결정하는 중요한 요소입니다. 카카오톡, 페이스북, 네이버 밴드, 문자메시지 등에서 링크를 공유할 때 제목, 설명, 썸네일 이미지가 정상적으로 표시되면 사용자 신뢰도와 클릭률을 높일 수 있습니다.

홈페이지, 이벤트 페이지, 예약 페이지, 상품 상세페이지를 운영한다면 OG 태그를 반드시 설정하고, 공유 전에 미리보기 도구로 확인해보는 것이 좋습니다.