SEO

공유 미리보기가 이상할 때 – 오픈그래프 점검 체크리스트

카카오톡·페이스북·스레드에 링크를 공유했는데 제목이나 이미지가 엉뚱하게 나온다면? 오픈그래프 태그 필수 항목, 이미지 규격, 캐시 초기화 도구까지 한 번에 점검하는 순서를 정리했습니다.

공유 미리보기 점검 체크리스트

미리보기는 어디서 오나

링크를 공유하면 메신저·SNS 가 그 페이지를 한 번 읽어 오픈그래프(Open Graph) 태그로 카드를 만듭니다. 태그가 없거나 틀리면 페이지의 아무 글이나 이미지가 대신 나옵니다. 그리고 한 번 만든 카드는 한동안 저장(캐시) 해 두기 때문에, 고친 뒤에도 옛 카드가 계속 보일 수 있습니다.

필수 태그

<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="한두 문장 요약">
<meta property="og:image" content="https://example.com/images/share.png">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
  • og:image 와 og:url 은 https 로 시작하는 전체 주소여야 합니다. /images/share.png 처럼 쓰면 많은 서비스가 이미지를 못 찾습니다.
  • 페이지마다 제목·설명·이미지를 다르게 두세요. 모든 페이지가 같은 카드면 공유 클릭이 줄어듭니다.

이미지 규격

항목 권장
크기 1200 × 630 픽셀(1.91 : 1)
용량 1MB 안팎 — 너무 크면 일부 서비스가 건너뜀
글자 가장자리에서 떨어진 가운데 영역에 — 서비스마다 잘리는 범위가 다름
형식 PNG·JPG(WebP 는 일부 서비스가 못 읽음)

고쳤는데도 옛 카드가 보일 때

캐시를 직접 지워야 합니다.

  • 카카오톡: 카카오 개발자 사이트의 공유 디버거에서 주소를 넣고 캐시 초기화
  • 페이스북·스레드: Meta 공유 디버거에서 "다시 스크랩"
  • 링크드인: Post Inspector 에서 주소 검사

이 순서로 점검하세요

  1. SEO 디버그에 주소를 넣어 오픈그래프 표와 다섯 서비스 미리보기를 한 번에 확인
  2. 빠진 태그·상대 주소 이미지·잘린 제목을 고치기
  3. 서비스별 디버거로 캐시 지우기
  4. 실제로 공유해서 최종 확인

자주 묻는 질문

카카오톡 미리보기 이미지가 바뀌지 않아요.
카카오톡은 한 번 읽은 미리보기를 저장해 둡니다. 태그를 고친 뒤 카카오 개발자 사이트의 공유 디버거에서 해당 주소의 캐시를 초기화하세요.
og:image 에 상대 주소를 써도 되나요?
권장하지 않습니다. 많은 서비스가 상대 주소를 해석하지 못하므로 https 로 시작하는 전체 주소를 쓰세요.

함께 읽기

다음 글