카카오톡 링크 썸네일, 공유할 때 이미지 제대로 안 나오면 '이렇게' 해보세요. | meta 태그 사용법 완벽 정리!

카카오톡 링크 썸네일

공유할 때 이미지 제대로 안 나오면 '이렇게' 해보세요

---

웹사이트나 블로그 글을 카카오톡으로 공유했을 때,

썸네일 이미지나 제목, 설명이

엉뚱하게 나와서 당황한 경험이 있으시죠?

그 이유는, meta 태그(Open Graph 태그)를 정확하게

설정하지 않았기 때문입니다.

'meta 태그' 이게 무엇일까요?

오늘은 '카카오톡 링크 미리 보기 설정 방법' 과 'meta 태그 활용법' 에 대해 알려드리려고 합니다.

여러분들은 이미 여러 번 보셨을 것입니다.

카카오톡에서 웹페이지 링크를 공유할 때 보이는

이미지, 제목(title), 설명(description) 등의 정보를 의미하는데요.

이 미리 보기 정보 는 '웹페이지의 meta 태그 (Open Graph)' 정보를 기반으로 표시됩니다.

기본 meta 태그 (Open Graph) 예시

(1) og:image는 절대경로(https://)를 사용해야 합니다.

(2) 이미지 크기는 최소 300x200px 이상을 권장합니다.

(3) 썸네일이 바로 적용되지 않으면 캐시 삭제가 필요합니다.

그럼, Meta 태그 어떻게 활용해야 하는지 알려드리겠습니다.

본격적으로 알려드리기 전에!

파란 부분은 meta 태그의 기능 부분,

빨간 부분은 원하는 내용 작성 부분이라는 점을 먼저 이해해 주세요!

<기본 meta 태그 방식>

이렇게만 보면 어떻게 쓰라는 건지...

잘 모르시겠죠??

아래 첨부된 사진을 함께 보실까요!

< '원하는 내용'으로 바꾸어 작성하기>

아직 어렵게 느껴지시죠...

하지만!

<기본 meta 태그 방식>의 빨간 부분만 내가 쓰고자 하는 내용으로 바꾸어 작성하시면

간단하게 활용하실 수 있습니다!

추천드리는 썸네일 비율은 1.91:1 비율입니다!

이미지 크기가 너무 작으면,

카카오톡 미리 보기에서 제대로 보이지 않을 수 있습니다.

따라서,

파일의 크기는 1MB 이하로 유지하는 것이 좋고,

JPG, PNG 형식이 일반적으로 적합합니다.

이 크기는 카카오톡뿐만 아니라 페이스북, 트위터 등

다른 SNS에 공유될 때에도 잘 표시됩니다.

변경 사항이 적용되지 않는 이유는 무엇일까요?

그 이유로, 카카오톡 은 링크 미리 보기를 캐시로 저장 해두기 때문에

수정된 meta 태그가 바로 반영되지 않을 수 있습니다.

그럼, 변경 사항이 적용되지 않을 때에는 어떻게 해야 할까요?

카카오계정

위 사이트에 접속 후, 수정한 페이지의 url을 입력 하여

캐시를 삭제하면 됩니다.

함께 수정해 보실까요?

---

---

1. 로그인하기

---

---

2. 링크 입력 후 캐시 '초기화 버튼' 클릭

---

---

3. '디버그 버튼' 클릭했을 때, 원하는 내용이 나오는지 확인

---

---

4. '스크랩 결과'로 내용 확인

---

카카오톡 링크 썸네일, 제목, 내용은

단순한 미관 요소를 넘어서, 클릭률과 브랜드 이미지 에

큰 영향을 미칩니다.

'meta 태그를 올바르게 설정'하고, 필요시 '캐시를 갱신'해

완성도 높은 공유 링크를 만들어보세요!

---

카카오톡 링크 썸네일

meta 태그 활용해 브랜드의 완성도를 높여보세요.

---

오늘의 꿀팁 전도사 '잡오브브라더스' 였습니다. 😊

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →