나눔웹 마케팅 꿀팁

카카오톡 링크 공유 시 예쁘게 나오게 하는 마법, '오픈 그래프'

우리 회사 홈페이지 URL을 카카오톡이나 페이스북에 공유했을 때, 어떤 사이트는 멋진 이미지와 깔끔한 제목이 나오는 반면, 어떤 사이트는 로고가 짤리거나 텍스트만 덜렁 나오는 것을 보신 적 있으실 겁니다.
이 엄청난 차이는 바로 '오픈 그래프(Open Graph)' 태그의 유무에서 발생합니다.

💡 오픈 그래프(OG) 메타 태그란?

웹페이지가 소셜 미디어(SNS)나 메신저로 공유될 때, 해당 서비스의 크롤러(로봇)가 읽어갈 수 있도록 미리보기 제목, 설명, 이미지 정보를 표준화하여 지정해 주는 HTML 코드입니다.

1. 반드시 적용해야 할 핵심 OG 태그 4가지

홈페이지의 <head> 와 </head> 태그 사이에 아래 코드를 삽입하기만 하면, 누구나 누르고 싶어지는 깔끔한 링크 썸네일이 완성됩니다.

<!-- 카카오, 페이스북 등을 위한 필수 Open Graph 태그 -->
<meta property="og:type" content="website">
<meta property="og:title" content="클릭을 유도하는 매력적인 페이지 제목">
<meta property="og:description" content="페이지에 대한 1~2줄의 간략하고 후킹성 있는 설명글">
<meta property="og:image" content="https://나의도메인.com/images/share-thumbnail.jpg">
<meta property="og:url" content="https://나의도메인.com">

2. 썸네일 이미지 권장 해상도 (실무 꿀팁)

기껏 이미지를 넣었는데 위아래가 잘린다면 소용이 없겠죠? 주요 플랫폼(카카오톡, 페이스북, 링크드인 등)에서 이미지가 잘리지 않고 가장 예쁘게 노출되는 황금 비율이 있습니다.

✓ 권장 해상도: 가로 1200px × 세로 630px (비율 1.91:1)
✓ 용량: 1MB 이하의 JPG 또는 PNG 권장
✓ 핵심 텍스트 위치: 스마트폰 기종에 따라 좌우가 살짝 크롭될 수 있으므로, 중요한 로고나 카피는 이미지 정중앙에 배치하세요.

마케팅의 시작은 링크를 공유하는 그 순간부터입니다.

나눔웹은 개발 초기 단계부터 검색엔진(SEO) 및 SNS 공유 최적화 메타 태그를 기본적으로 세팅하여 마케팅 효율을 극대화합니다.

List of Articles
번호	분류	제목	글쓴이
19	마케팅	LocalBusiness 구조화 데이터 작성법, 구글에 상호·주소·영업시간 정확히 알리기	나눔웹
18	마케팅	GA4 문의 전환 설정법, 감사 페이지 도달로 실제 문의 수 세는 순서	나눔웹
17	마케팅	문의 완료 페이지 noindex 설정법, 검색에 잡히지 않게 막는 순서	나눔웹
16	마케팅	구글 서치 콘솔 등록 방법, 새 홈페이지 소유권 확인부터 색인 요청까지	나눔웹
15	마케팅	robots.txt 작성법, 검색에 안 보여야 할 페이지와 사이트맵 위치 알려주는 순서	나눔웹
14	마케팅	사이트맵(sitemap.xml) 만들기, 새 페이지가 검색에 늦게 잡힐 때 작성과 제출법	나눔웹
13	마케팅	구글 검색 사이트 이름이 엉뚱하게 나올 때, WebSite 구조화 데이터로 지정하는 법	나눔웹
12	마케팅	301 리디렉션 설정법, 페이지 주소를 바꿀 때 검색 노출 지키는 순서	나눔웹
11	마케팅	이미지 alt 태그 작성법, 검색 노출과 접근성까지 같이 챙기는 실무 기준	나눔웹
10	마케팅	카톡 공유 썸네일이 예전 그대로일 때, OG 캐시 초기화로 바로 바꾸는 법	나눔웹
9	마케팅	canonical 태그 설정법, 같은 페이지가 주소 여러 개로 검색될 때 정리하는 순서	나눔웹
8	마케팅	모바일 전화 문의 버튼 만들기, tel: 링크 작성법과 클릭 수 측정하는 법	나눔웹
7	마케팅	검색 결과에 파비콘이 안 나올 때, favicon 크기와 link 태그 점검 순서	나눔웹
6	마케팅	검색 결과 설명이 엉뚱하게 나올 때, title과 meta description 쓰는 법	나눔웹
5	마케팅	네이버 서치어드바이저 등록 순서, 새 홈페이지가 검색에 안 나올 때 점검할 4가지	나눔웹
4	마케팅	카톡에 우리 회사 링크 보낼 때 뜨는 '회색 빈 박스' 없애는 필수 세팅 (OG 태그)	나눔웹
3	마케팅	'제출하기' 버튼은 그만! 클릭률 200% 높이는 마법의 단어 (CTA)	나눔웹
2	마케팅	돈 버는 마케터의 비밀! 유입 출처를 추적하는 마법의 꼬리표 'UTM'	나눔웹
»	마케팅	카카오톡 링크 썸네일의 비밀! 클릭률을 높이는 '오픈 그래프(OG)' 세팅법	나눔웹

번호

분류

제목

글쓴이

마케팅

LocalBusiness 구조화 데이터 작성법, 구글에 상호·주소·영업시간 정확히 알리기

카카오톡 링크 썸네일의 비밀! 클릭률을 높이는 '오픈 그래프(OG)' 세팅법

카카오톡 링크 공유 시 예쁘게 나오게 하는 마법, '오픈 그래프'

💡 오픈 그래프(OG) 메타 태그란?

1. 반드시 적용해야 할 핵심 OG 태그 4가지

2. 썸네일 이미지 권장 해상도 (실무 꿀팁)