나눔웹 마케팅 꿀팁
카카오톡 링크 공유 시 예쁘게 나오게 하는 마법, '오픈 그래프'
우리 회사 홈페이지 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 공유 최적화 메타 태그를 기본적으로 세팅하여 마케팅 효율을 극대화합니다.