SearchTune OS SearchTune OS
Home Blog About
알다가도 모를 인터넷 세상 생존기

홈페이지는 꾸몄는데, 카톡에서는 왜 이 모양? OG 태그가 대체 뭐임

카톡에 링크를 보냈더니 사진은 없고 제목은 Home. 홈페이지와 공유 카드가 다른 이유, OG 태그와 옛날 미리보기 정보를 쉽게 알아봅니다.
deleted's avatar
서치튠 블로거's avatar
deleted,서치튠 블로거
Sep 07, 2026
홈페이지는 꾸몄는데, 카톡에서는 왜 이 모양? OG 태그가 대체 뭐임
Contents
카톡은 내 홈페이지를 캡처하는 게 아니었음공유할 때 쓸 소개를 따로 적어주는 겁니다그래서 고쳤는데 왜 계속 옛날 사진인데오늘은 이 순서로만 해보면 됩니다이런 걸 왜 따로 만들었냐면

홈페이지를 꾸몄습니다.

사진도 골랐고, 제목도 지었고, 글씨 간격도 만졌습니다. 이제 좀 사람 사는 집 같습니다.

신나서 카톡에 링크를 보냈습니다.

사진 없음. 제목은 Home.

분명 집들이 초대장을 보냈는데 주소만 적힌 택배 송장이 도착했습니다.

링크를 보냈을 때
내 홈페이지 구경해봐 ㅋㅋ
▧ 사진 없음
Home
홈페이지에 오신 것을 환영합니다.
example.com
뭔데 이거 눌렀다가 돈 나가는 거 아님?
내 홈페이지라고
공유 카드가 비어 보이는 상황 · 실제 앱 캡처가 아닌 설명용 재현. 음식 그림은 이미지 자리 예시입니다.

카톡은 내 홈페이지를 캡처하는 게 아니었음

링크 밑에 붙는 작은 카드, 본 적 있죠? 사진 한 장에 제목과 설명이 나오는 그거요.

그 카드는 홈페이지 화면을 그대로 축소한 것이 아닙니다. 페이지가 알려주는 정보를 읽어서 만드는 미리보기입니다.

그래서 화면 맨 위에 예쁜 사진이 있다고 해서, 그 사진이 공유 카드에 그대로 나온다는 보장은 없습니다.

“내가 이렇게 예쁘게 해놨는데 알아서 좀…”

인터넷은 생각보다 눈치가 없습니다.

공유할 때 쓸 소개를 따로 적어주는 겁니다

그 정보를 적는 방법 중 하나가 OG 태그입니다. Open Graph의 줄임말인데, 오늘 영어 시험은 안 봅니다.

“이 링크를 소개할 때는 이 제목과 이 사진을 써주세요.”라고 페이지에 붙여두는 정보라고 생각하면 됩니다.

가령 떡볶이집 홈페이지라면 제목은 ‘맵다떡볶이 메뉴와 포장 안내’, 설명은 ‘메뉴·영업시간·포장 방법을 확인하세요’, 사진은 떡볶이 한 접시로 정할 수 있겠죠.

홈페이지 안쪽을 꾸미는 것과, 밖에서 보여줄 소개를 정하는 것은 다른 일입니다. 집은 꾸몄는데 초대장 사진은 작년 이사 전 집인 상황을 막자는 거죠.

설정 화면에서 낯선 이름을 만나면 이것만 연결해보세요. og:title은 제목, og:image는 이미지 주소, og:description은 짧은 설명입니다. 개발할 때는 페이지 주소와 유형 같은 정보도 함께 넣지만, 지금 다 외울 필요는 없습니다. Open Graph 공식 설명

수정 전 예시
내 홈페이지 구경해봐 ㅋㅋ
▧ 사진 없음
Home
홈페이지에 오신 것을 환영합니다.
example.com
뭔데 이거 눌렀다가 돈 나가는 거 아님?
내 홈페이지라고
수정 후 예시
이제 이 링크로 봐봐!
🍲
맵다떡볶이 메뉴와 포장 안내
메뉴·영업시간·포장 방법을 확인하세요.
example.com
아 떡볶이집이네 ㅋㅋ 메뉴 어디 봄?
같은 페이지라도 공유 정보에 따라 소개가 달라집니다 · 실제 앱 캡처가 아닌 설명용 재현. 음식 그림은 이미지 자리 예시입니다.

그래서 고쳤는데 왜 계속 옛날 사진인데

제목과 공유 이미지를 바꿨습니다. 저장도 했습니다.

다시 보내봤습니다.

옛날 사진이 또 나옵니다. 저장 버튼을 의심하기 시작합니다.

컴퓨터를 쓰레기통에 던지는 론 스완슨 리액션
저장 7번 함. 사진은 0번 바뀜.

컴퓨터는 잠깐 내려놓읍시다. 카카오 쪽에 예전에 읽어둔 정보가 남아 있을 수 있습니다. 이걸 캐시라고 부릅니다. 여기서는 ‘옛날 소개 카드 메모’ 정도로 이해해도 됩니다.

내 페이지는 바뀌었는데 상대가 들고 있는 메모는 그대로인 거죠. 카카오도 미리보기 변경이 반영되지 않을 때 캐시를 확인하도록 안내합니다. 카카오 미리보기 FAQ

다만 사진이 안 뜬다고 전부 캐시 탓은 아닙니다. 사진 주소가 틀렸거나, 외부에서 사진을 읽을 수 없는 상태일 수도 있습니다. 로그인한 내 화면에서 보인다고 카카오도 읽을 수 있는 건 아닙니다.

오늘은 이 순서로만 해보면 됩니다

  1. 사이트 편집기에서 공유 정보를 찾습니다. ‘소셜 공유’, ‘OG 이미지’, ‘SEO 설정’처럼 도구마다 이름이 다릅니다. 원하는 제목·설명·이미지를 넣고 공개 페이지에 반영합니다.

  2. 카카오 공유 디버거에서 그 공개 주소를 확인합니다. 어떤 정보가 읽히는지 보고, 옛날 정보가 남았다면 URL 캐시 초기화를 사용합니다. 로그인이 필요할 수 있습니다.

  3. 다시 링크를 보내 확인합니다. 이미 보낸 카드만 바라보지 말고 새로 공유한 결과를 봅니다. 다른 앱에서도 같은 모양이 되는지는 별도로 확인해야 합니다.

카카오 공유 디버거 열기

여전히 안 되면 링크와 확인 화면을 제작 담당자에게 보내며 이렇게 물어보면 됩니다.

“이 페이지의 OG 정보랑 이미지 주소를 외부에서 읽을 수 있는지 확인해주세요.”

‘카톡이 이상해요’보다 어디를 봐야 할지 훨씬 명확해집니다. 홈페이지 전체를 다시 만들 필요부터는 없습니다.

설정 후 새로 공유한 상황
이제 이 링크로 봐봐!
🍲
맵다떡볶이 메뉴와 포장 안내
메뉴·영업시간·포장 방법을 확인하세요.
example.com
아 떡볶이집이네 ㅋㅋ 메뉴 어디 봄?
제목·설명·대표 이미지가 의도대로 보이는지 확인 · 실제 앱 캡처가 아닌 설명용 재현. 음식 그림은 이미지 자리 예시입니다.

이런 걸 왜 따로 만들었냐면

주소만 봐서는 어떤 페이지인지 알기 어렵습니다. 그렇다고 공유할 때마다 페이지 전체를 펼쳐놓을 수도 없고요.

그래서 링크를 받는 쪽에 ‘이 페이지를 이렇게 소개해주세요’라는 정보를 전달하는 약속이 필요한 겁니다. OG 태그는 그 역할을 합니다.

검색 순위를 올리는 비밀 주문은 아닙니다. 공유한 링크의 소개를 정리하는 정보입니다. 실제 카드 모양은 앱마다 다를 수 있습니다.

오늘 기억할 건 하나입니다.

홈페이지를 예쁘게 만드는 것과, 링크를 예쁘게 보내는 것은 별도 작업이다.

집들이 초대장이 계속 택배 송장처럼 보인다면, 집 말고 초대장을 확인해봅시다.

deleted · 알다가도 모를 인터넷 세상 생존기
공식 자료 확인일: 2026년 9월 7일. 도입부는 개념 설명용 예시입니다. 카카오 도구의 기능은 공식 이용 안내를 참고했습니다.
Share article
Contents
카톡은 내 홈페이지를 캡처하는 게 아니었음공유할 때 쓸 소개를 따로 적어주는 겁니다그래서 고쳤는데 왜 계속 옛날 사진인데오늘은 이 순서로만 해보면 됩니다이런 걸 왜 따로 만들었냐면

서치튠 블로그

RSS·Powered by Inblog