카카오톡으로 링크를 보냈는데 썸네일이 뜨지 않는 이유

메신저는 화면을 보는 것이 아니라 페이지의 머리말을 읽습니다

링크를 붙여 넣으면 메신저 서버가 그 주소를 한 번 방문합니다. 이때 서버가 읽는 것은 사용자가 보는 디자인이 아니라 문서 상단의 메타 태그입니다. 제목, 설명, 대표 이미지가 각각 어떤 값으로 선언되어 있는지를 그대로 가져갑니다. 오픈그래프(Open Graph)는 이 값을 표준화한 규격이고, 카카오 개발자 문서도 이 규격을 기준으로 링크 미리보기를 구성한다고 안내합니다.

여기서 첫 번째 갈림길이 생깁니다. 태그가 아예 없으면 메신저는 본문에서 아무 문장이나 긁어 오거나, 아무 이미지도 찾지 못한 채 제목만 표시합니다. 태그는 있는데 값이 비어 있거나 상대 경로로 적혀 있어도 결과는 같습니다. 미리보기를 만드는 서버는 우리 사이트의 폴더 구조를 알지 못하므로, 이미지 주소는 항상 도메인부터 시작하는 전체 주소여야 합니다.

두 번째 갈림길은 접근 가능성입니다. 로그인해야 열리는 페이지, 관리자만 볼 수 있는 임시 주소, 방화벽이나 보안 규칙이 낯선 접속을 막는 서버에서는 미리보기가 만들어질 수 없습니다. 개발 중인 사이트를 공유했을 때 아무것도 뜨지 않는다면 태그가 아니라 접근 권한을 먼저 의심해야 합니다.

• ●제목·설명·대표 이미지를 문서 상단에 명시적으로 선언했는지 확인합니다
• ●이미지 주소는 https로 시작하는 전체 주소로 적습니다
• ●해당 페이지가 로그인 없이 열리는지, 보안 설정이 외부 접근을 막고 있지 않은지 확인합니다
• ●자바스크립트로 나중에 값을 채워 넣는 방식은 미리보기에 반영되지 않을 수 있습니다

이미지가 유독 자주 깨지는 실무적인 이유

제목과 설명은 잘 나오는데 그림만 비는 경우가 가장 흔합니다. 원인은 대체로 세 가지 중 하나입니다. 파일이 지나치게 무거워 미리보기 서버가 기다리다 포기하는 경우, 이미지가 다른 도메인이나 외부 저장소에 있는데 그쪽이 낯선 접속을 차단하는 경우, 그리고 비율이 극단적이어서 잘려 나가는 경우입니다.

이미지 비율은 특히 신경 쓸 만합니다. 대화창에서는 가로로 넓은 형태로 잘려 표시되는 경우가 많아, 세로로 긴 포스터나 정사각형 로고를 그대로 넣으면 글자가 잘리거나 여백만 남습니다. 미리보기 전용 이미지를 따로 만드는 편이 안전합니다. 회사 로고와 한 줄 문구 정도만 크게 넣고, 작은 글씨는 넣지 않는 것이 좋습니다. 대화창 목록에서는 축소되어 표시되기 때문입니다.

파일 형식도 확인 대상입니다. 최신 형식으로만 이미지를 내보내도록 최적화 도구를 걸어 둔 사이트에서, 미리보기 서버가 그 형식을 해석하지 못해 빈 화면이 나오는 사례가 있습니다. 대표 이미지 한 장만큼은 가장 보편적인 형식으로 따로 두는 편이 사고가 적습니다.

• ●대표 이미지는 가로로 넓은 비율로 준비하고 작은 글씨는 넣지 않습니다
• ●파일 용량은 가볍게 유지하고 외부 저장소를 쓴다면 외부 접근이 허용되는지 확인합니다
• ●대표 이미지만큼은 널리 지원되는 형식으로 별도 관리합니다
• ●로고만 덩그러니 넣기보다 회사명과 한 줄 소개가 함께 보이도록 구성합니다

한 번 잘못 나간 미리보기는 저절로 고쳐지지 않습니다

가장 답답한 상황은 태그를 고쳤는데도 예전 이미지가 계속 나오는 경우입니다. 이것은 사이트 문제가 아니라 저장된 결과가 남아 있기 때문입니다. 메신저는 같은 주소를 매번 다시 읽지 않고 이전에 가져간 정보를 재사용합니다. 그래서 수정 후에도 대화창에서는 한동안 옛날 모습이 그대로 보입니다.

카카오는 개발자 사이트에서 링크 정보를 다시 읽어 오도록 요청하는 도구를 제공합니다. 주소를 넣고 갱신을 요청하면 저장된 값을 새로 가져갑니다. 사이트 개편이나 로고 교체 직후에는 주요 페이지 주소를 한 번씩 넣어 두는 편이 좋습니다. 특히 홈, 회사 소개, 주력 서비스 페이지, 그리고 영업에서 자주 보내는 페이지를 우선으로 처리합니다.

임시방편으로 주소 뒤에 의미 없는 값을 붙여 새 주소처럼 보이게 하는 방법도 쓰이지만, 권장하기 어렵습니다. 지저분한 주소가 그대로 돌아다니고, 나중에 방문 기록을 집계할 때 같은 페이지가 여러 개로 쪼개집니다. 갱신 도구를 쓰는 편이 훨씬 깔끔합니다.

• ●수정 직후 대화창에서 옛 이미지가 보이는 것은 정상적인 캐시 동작입니다
• ●카카오 개발자 사이트의 갱신 도구로 주요 페이지를 다시 읽게 합니다
• ●개편이나 로고 교체 시에는 갱신 대상 페이지 목록을 미리 정리해 둡니다
• ●주소 뒤에 임의 값을 붙여 우회하는 방식은 통계와 주소 관리가 지저분해집니다

페이지마다 다른 미리보기가 필요한 곳과 그렇지 않은 곳

사이트 전체가 같은 이미지 하나로 나가도 문제가 없는 경우도 있습니다. 페이지 수가 적은 회사 소개 사이트라면 통일된 대표 이미지가 오히려 일관돼 보입니다. 반면 개별 페이지가 각각 영업 도구로 쓰이는 사이트라면 이야기가 달라집니다.

상품 페이지를 공유했는데 회사 로고만 뜨면, 받는 사람은 무엇을 보라는 것인지 알 수 없습니다. 상품명과 상품 사진이 보이면 대화창 안에서 이미 절반은 설명이 끝납니다. 채용 공고, 행사 안내, 견적 요청 페이지처럼 목적이 뚜렷한 페이지도 마찬가지입니다. 제목은 페이지 제목을 그대로 쓰되, 설명은 검색용 문구가 아니라 사람이 대화창에서 읽을 문장으로 따로 쓰는 편이 낫습니다.

이 작업은 콘텐츠 관리 화면에서 담당자가 직접 채울 수 있도록 만들어 두는 것이 중요합니다. 그렇지 않으면 새 페이지가 늘어날 때마다 개발 요청이 필요해지고, 결국 아무도 채우지 않은 채 방치됩니다.

• ●상품·행사·채용처럼 개별 페이지가 영업 도구인 곳은 개별 미리보기를 준비합니다
• ●미리보기 설명은 검색용 문구가 아니라 대화창에서 읽힐 문장으로 씁니다
• ●관리 화면에서 담당자가 직접 제목·설명·이미지를 넣을 수 있게 만들어 둡니다
• ●값을 채우지 않았을 때 자동으로 쓰일 기본값을 반드시 지정해 둡니다

미리보기를 고친다고 방문자가 늘지는 않습니다

여기서 솔직하게 말할 부분이 있습니다. 링크 미리보기는 이미 링크를 받은 사람에게만 영향을 줍니다. 검색 노출과는 관계가 없고, 대화방에 더 많이 퍼지게 만들어 주지도 않습니다. 미리보기가 예쁘게 나오는 것과 사업 문의가 늘어나는 것은 다른 문제입니다.

그렇다고 무의미하다는 뜻은 아닙니다. 영업 담당자가 하루에 수십 번 같은 주소를 보내는 회사라면, 그 수십 번의 첫인상이 매번 회색 상자인지 정돈된 카드인지는 누적되면 차이가 납니다. 다만 기대치는 정확히 잡아 두는 편이 좋습니다. 이것은 전환을 만드는 장치가 아니라 신뢰를 깎지 않기 위한 위생 작업에 가깝습니다.

한 가지 더 있습니다. 대화창에서 잘 보이도록 맞춘 설정이 다른 곳에서도 그대로 통하지는 않습니다. 서비스마다 읽는 태그와 처리 방식이 조금씩 다르므로, 실제로 자주 공유하는 경로에서 직접 붙여 보고 확인하는 절차가 결국 가장 확실합니다.

• ●미리보기 개선은 검색 노출이나 확산과 직접적인 관계가 없습니다
• ●링크를 자주 보내는 조직일수록 누적 효과가 큽니다
• ●실제로 공유하는 경로마다 한 번씩 붙여 넣어 눈으로 확인합니다
• ●한 번 정리한 뒤에는 개편 시점마다 다시 점검하는 항목으로 남겨 둡니다

자주 묻는 질문