웹 칼럼

홈페이지에 모든 것

Home > 웹 칼럼 > 홈페이지에 모든 것

홈페이지에 모든 것

카톡에 링크를 보냈는데 이미지가 안 뜨는 이유, 이렇게 점검하세요 — 제목만 보인다면 공유 태그와 이미지 주소부터 확인하세요. 주식회사 도도컴즈

관리자 (dodo0)
2026-10-16 10:03:00
hit5

공유 설정

카톡에 링크를 보냈는데 이미지가 안 뜨는 이유, 이렇게 점검하세요

같은 홈페이지 주소인데 카카오톡에서는 사진이 없이 제목만 보이는 경우가 있습니다. 미리보기 이미지가 나오지 않는 원인은 대부분 공유 정보 설정과 캐시에 있습니다. 확인 순서와 해결 방법을 정리했습니다.

작성 · 주식회사 도도컴즈발행 · 2026년 10월 15일

핵심 요약

카카오톡 링크 미리보기는 홈페이지의 공유용 메타 정보(og 태그)를 읽어 이미지와 제목을 보여 줍니다. 그래서 이미지가 안 뜬다면 og:image 태그가 없거나, 이미지 주소가 잘못되었거나, 카카오가 이전에 읽은 정보를 아직 저장하고 있는 경우가 대부분입니다. 공유 디버거로 현재 상태를 확인하고, 설정을 고친 뒤 캐시를 갱신하면 대부분 해결됩니다.

📌 기준 — Open Graph 프로토콜(ogp.me) · 카카오 개발자 공유 디버거 안내 · HTML 메타 태그 표준

01카톡 미리보기는 무엇을 보고 만들까요?

링크를 보내면 카카오톡 서버가 해당 주소의 페이지를 가져가 공유용 메타 정보를 읽습니다. 이 정보를 담는 대표적인 형식이 Open Graph(og) 태그입니다. 제목, 설명, 대표 이미지, 원래 주소를 적어 두면, 카톡은 이를 그대로 미리보기 카드로 보여 줍니다.

중요한 점은 카톡이 화면에 보이는 사진을 보는 것이 아니라, 태그에 적힌 이미지 주소를 따라가서 가져간다는 것입니다. 홈페이지 상단에 큰 사진이 있어도 og:image 태그가 없으면 카톡은 어떤 이미지를 보여 줄지 알 수 없습니다.

흔한 오해: PC 브라우저에서 페이지가 잘 열리니 공유도 문제없을 것이라고 생각하기 쉽습니다. 하지만 공유 미리보기는 별도의 수집 과정을 거치므로, 화면이 정상이어도 태그 설정이 빠져 있으면 이미지는 나오지 않습니다.

다음 표는 미리보기가 안 뜨는 증상별 주요 원인을 정리한 것입니다.

증상	주요 원인	확인 위치
제목만 보이고 사진이 없음	og:image 태그 없음 또는 주소 오류	페이지 소스 보기
예전 이미지나 예전 제목이 계속 나옴	카카오 캐시에 이전 정보가 저장됨	공유 디버거 재수집
링크 자체가 흐리거나 빈 카드	이미지 주소가 http이거나 접근 차단	이미지 주소 직접 열기
특정 페이지만 안 보임	그 페이지에 공유 태그가 빠져 있음	해당 페이지 소스 확인

이런 고민이 있다면

홈페이지 링크를 카톡으로 보내면 사진 없이 주소만 보입니다
이미지를 바꿨는데 카톡에서는 예전 사진이 계속 나옵니다
PC에서는 잘 열리는데 공유 카드만 이상합니다
병원 상담 링크를 환자에게 보내는데 신뢰감 있는 카드를 만들고 싶습니다

하나라도 해당한다면, 공유 태그와 이미지 주소부터 확인하는 것이 빠릅니다.

02도도컴즈 소개

주식회사 도도컴즈 제작 12년 · 온라인 마케팅 2013년~

도도컴즈는 2013년부터 병원과 기업의 홈페이지 제작과 온라인 마케팅을 함께 진행해 온 회사입니다. 홈페이지가 화면에서만 잘 보이는 것이 아니라, 카톡이나 문자로 공유되었을 때도 제목과 이미지가 정확하게 전달되도록 공유 설정까지 함께 점검합니다. 전주우리병원과는 10년 이상 장기 계약을 유지하고 있으며, 병원과 기관, 기업의 홈페이지를 200곳 이상 제작했습니다. 상담은 모두 무료입니다.

2013년~ 마케팅제작 200곳+전 과정 전담모든 상담 무료

03미리보기 이미지를 살리는 점검 5단계

아래 순서대로 확인하면 원인을 대부분 찾을 수 있습니다. 설정을 바꾸기 전에 현재 상태를 먼저 기록해 두세요.

공유 태그 존재 여부 확인

공유하려는 페이지에서 마우스 오른쪽 버튼을 눌러 "페이지 소스 보기"를 엽니다. 검색창에 og:image를 입력했을 때 결과가 없다면 공유 이미지 태그가 빠진 상태입니다.

이미지 주소가 완전한 주소인지 확인

og:image 값이 https://로 시작하는 전체 주소여야 합니다. "/images/share.jpg"처럼 앞부분이 빠진 상대 경로는 카톡 서버가 찾지 못할 수 있습니다. 주소를 브라우저 새 탭에 직접 붙여 넣어 사진이 열리는지도 확인하세요.

이미지 파일 상태 점검

이미지가 로그인 뒤에서만 보이거나, 너무 용량이 크거나, 가로세로 비율이 지나치게 긴 경우에도 미리보기가 잘 나오지 않을 수 있습니다. 카카오가 안내하는 권장 사양을 확인해 맞추는 것이 안전합니다. 세부 기준은 바뀔 수 있으니 공식 안내를 함께 보세요.

공유 디버거로 재수집 요청

카카오 개발자 사이트의 공유 디버거에 링크를 넣고 실행하면, 카카오가 현재 페이지 정보를 다시 읽어 보여 줍니다. 여기서 나오는 이미지와 제목이 실제 카톡 미리보기와 같습니다. 예전 정보가 남아 있다면 재수집 버튼으로 갱신합니다.

다시 보내서 최종 확인

재수집 후에도 이전 카드가 보인다면 다른 채팅방에서 새로 보내 보세요. 이미 대화방에 저장된 카드는 자동으로 바뀌지 않을 수 있습니다. 여러 기기에서 확인해 모두 같은 카드인지 살펴봅니다.

참고로 공유 태그의 기본 형태는 아래와 같습니다. 주소와 문구는 예시이므로, 실제 홈페이지의 주소와 내용에 맞게 바꿔 사용하세요.

04실제로 자주 보이는 상황 6가지

아래 사례는 공유 미리보기를 점검할 때 흔히 마주치는 상황을 정리한 예시이며, 실제 고객의 결과 수치가 아닙니다.

태그 자체가 없음 홈페이지를 만들 때 공유 설정을 넣지 않아 어떤 링크를 보내도 제목만 보이는 상황입니다. 메인 페이지부터 공유 태그를 추가합니다.

상대 경로로 적힘 og:image 값이 짧은 경로로만 적혀 있어 카톡 서버가 이미지를 찾지 못하는 경우입니다. 전체 주소로 바꿉니다.

사진 교체 후 예전 카드 유지 새 이미지를 올렸지만 카톡에는 예전 사진이 계속 나오는 상황입니다. 공유 디버거에서 재수집을 요청합니다.

이미지 접근 차단 이미지 파일을 보호 폴더에 두어 외부에서 열리지 않는 경우입니다. 공유용 이미지는 공개 접근이 가능한 위치에 둡니다.

특정 하위 페이지만 빈 카드 진료 항목 페이지마다 공유 태그를 넣지 않아 메인만 정상인 상황입니다. 주요 하위 페이지에도 각각 제목과 이미지를 지정합니다.

주소 변경 후 혼선 도메인을 바꾼 뒤 og:url이 예전 주소로 남아 공유 카드가 엉뚱하게 연결되는 경우입니다. 새 주소로 맞춥니다.

공통점: 대부분 화면 문제가 아니라 공유 정보의 누락이나 오류입니다. 소스 확인과 재수집만으로 해결되는 경우가 많습니다.

이런 상태라면 점검을 미루지 마십시오

카톡으로 보낸 링크가 사진 없이 주소만 보입니다
이미지를 바꾼 뒤에도 공유 카드가 그대로입니다
og:image 값이 "/"로 시작하는 짧은 경로입니다
공유용 이미지가 로그인 뒤에서만 열립니다

환자와 고객이 처음 보는 공유 카드는 기관의 첫인상이므로, 주기적으로 실제로 보내 보며 확인하세요.

05공유 미리보기 관리 체크리스트

홈페이지를 공유하기 전후로 아래 항목을 함께 확인하면 실수를 줄일 수 있습니다.

메인과 주요 진료·서비스 페이지마다 og:title, og:description, og:image, og:url이 모두 들어 있는지 확인합니다.
og:image는 https로 시작하는 전체 주소로 적고, 브라우저에서 직접 열리는지 확인합니다.
공유용 이미지는 공개 접근이 가능한 위치에 두고, 파일 용량과 비율을 카카오 공식 안내에 맞춥니다.
og:url은 실제 대표 주소와 같은지 확인합니다.
이미지나 제목을 바꾼 뒤에는 공유 디버거에서 재수집을 요청합니다.
재수집 후에도 예전 카드가 보이면 새 채팅방에서 다시 보내 확인합니다.
도메인이나 주소 구조를 바꿀 때는 공유 태그의 주소도 함께 수정합니다.
제작사나 관리자가 바뀌면 공유 태그 관리 담당자를 정해 둡니다.

06자주 묻는 질문

Q이미지를 바꿨는데 카톡에 왜 예전 사진이 나오나요?

카카오는 한 번 읽은 링크 정보를 일정 기간 저장해 둡니다. 공유 디버거에서 재수집을 요청하면 최신 정보로 갱신할 수 있습니다. 그래도 바뀌지 않으면 새 대화방에서 다시 보내 보세요.

QPC에서는 잘 열리는데 왜 카드만 안 뜨나요?

화면 표시와 공유 미리보기는 서로 다른 방식으로 정보를 읽습니다. 화면은 본문과 이미지를 보여 주지만, 공유 카드는 공유 태그에 적힌 정보를 먼저 찾습니다. 그래서 태그 설정을 따로 확인해야 합니다.

Qog:image에는 어떤 이미지를 넣으면 좋나요?

기관의 대표 이미지나 로고, 상담 안내 문구가 들어간 이미지가 무난합니다. 글자가 너무 작거나 여백이 많으면 카드에서 잘 보이지 않습니다. 가로로 긴 비율을 기본으로 생각하면 됩니다.

Q이미지 권장 크기는 정해져 있나요?

카카오가 권장 사양을 안내하고 있으며, 이 기준은 정책에 따라 바뀔 수 있습니다. 칼럼에 적힌 숫자를 그대로 믿기보다, 카카오 개발자 사이트의 최신 안내를 직접 확인하는 것이 정확합니다.

Qog 태그를 직접 넣어야 하나요?

홈페이지 제작 도구나 플러그인에 공유 설정 기능이 있다면 그것으로 입력할 수 있습니다. 직접 넣을 때는 페이지 머리 영역에 태그를 추가하고, 공유 디버거로 결과를 확인하면 됩니다.

Q문자 메시지로 보내면 이미지가 안 나와도 되나요?

문자 메시지는 카톡과 달리 미리보기 카드를 보여 주지 않는 경우가 많습니다. 중요한 안내라면 링크와 함께 핵심 문구를 텍스트로 적어 두는 것이 안전합니다.

Q이미지는 어떤 형식이 좋나요?

일반적으로 JPG나 PNG 같은 널리 쓰이는 형식이 무난합니다. 형식과 용량 기준도 카카오 공식 안내를 함께 확인하세요.

Q공유 이미지에 환자 사진을 넣어도 되나요?

개인을 식별할 수 있는 환자 사진은 사용하지 않는 것이 원칙입니다. 의료기관이라면 의료광고 심의 기준과 개인정보 보호 기준을 함께 살펴 대표 이미지를 정하세요.

Q공유 디버거는 누구나 쓸 수 있나요?

카카오 개발자 사이트에서 제공하는 도구이므로, 공개된 링크라면 누구나 확인해 볼 수 있습니다. 로그인이 필요한 페이지는 공유 정보를 읽지 못할 수 있습니다.

Q로그인해야 보이는 페이지도 공유 카드를 만들 수 있나요?

카카오가 정보를 읽을 수 없으면 카드가 제대로 만들어지지 않습니다. 공유할 페이지는 누구나 열어볼 수 있는 공개 페이지로 두는 것이 원칙입니다.

Q공유 설정, 도도컴즈에 맡기면 뭐가 다른가요?

도도컴즈는 메인과 하위 페이지의 공유 태그를 함께 설계하고, 이미지 주소와 접근 설정, 재수집까지 확인합니다. 제작 단계에서 빠뜨리기 쉬운 항목을 미리 정리해, 오픈 후에 카드가 깨지는 일을 줄입니다.

홈페이지 공유 설정 | 함께 성장하는 마케팅, 도도컴즈

공유 카드는 링크를 받은 사람이 가장 먼저 보는 얼굴입니다. 제목과 이미지가 정확하게 나오도록 설정해 두면, 상담과 안내가 더 자연스럽게 이어집니다. 카톡 미리보기가 이상하다면 편하게 문의해 주세요.

모든 상담 무료 · 1566-7344 (24시 010-9439-3648)

소개만 해도 매달 수당 — 도도파트너스 (가입비 0원 · 본인/가족 인정)

주식회사 도도컴즈 · 홈페이지 제작 정보

게시글 공유

출력

next 다음글: 검색결과에 뜨는 제목과 설명문, 직접 정하는 법 — 방문자가 가장 먼저 보는 두 줄을 직접 설계하세요. 주식회사 도도컴즈

경기도 안양시 만안구 안양로 336

전북특별자치도 전주시 덕진구 안덕원로 235-1 (인후동1가) 도도컴즈

상호 : 주식회사 도도컴즈 대표 : 김남기 사업자등록번호 : 418-81-42097

대표전화 : 1566-7344 팩스 : 02-6008-9566 사업자등록번호 : kim05535@naver.com

자주 묻는 질문

자주 묻는 질문 전체 보기 →