카카오톡에 홈페이지 주소를 보내면 사진과 제목, 짧은 설명이 담긴 미리보기 카드가 뜹니다. 여기에 엉뚱한 사진이 나오거나 예전 문구가 그대로 나와서 곤란하셨던 적 있으시죠? 이 카드는 홈페이지에 들어 있는 오픈그래프(og) 태그로 정해집니다.
미리보기를 정하는 세 줄
- og:title — 카드에 나오는 제목
- og:description — 제목 아래 설명
- og:image — 카드 사진
이 세 줄은 홈페이지 <head> 안에 들어갑니다. 솔루션을 쓰신다면 관리자 화면의 "검색엔진 최적화", "SEO 설정", "공유 설정" 같은 메뉴에서 바꿀 수 있는 경우가 많습니다.
미리보기 이미지 준비 요령
- 가로가 긴 이미지를 씁니다. 카드에서 잘리지 않도록 중요한 글자는 가운데에 둡니다.
- 이미지 주소는 https로 시작하는 전체 주소로 넣습니다.
- 너무 무거운 이미지는 미리보기가 안 뜰 수 있으니 적당한 크기로 줄입니다.
바꿨는데 예전 이미지가 나올 때
카카오톡은 한 번 읽어 간 미리보기를 한동안 저장해 두고 다시 씁니다. 그래서 홈페이지를 고쳐도 카톡에는 예전 모습이 나옵니다. 이때는 카카오가 저장해 둔 정보를 지워 주면 됩니다.
- 카카오 디벨로퍼스(developers.kakao.com)에 카카오 계정으로 로그인합니다.
- 도구 메뉴의 공유 디버거로 들어갑니다.
- 홈페이지 주소를 넣습니다. http와 https를 정확히 구분해서 넣어야 합니다.
- 캐시 초기화를 누른 뒤 다시 카톡으로 보내 확인합니다.
주소를 www가 붙은 것과 안 붙은 것 두 가지로 쓰고 계시다면 둘 다 초기화해 주세요. 카카오는 둘을 다른 주소로 봅니다.
그래도 안 바뀐다면
- og:image 주소를 브라우저에 직접 넣었을 때 이미지가 열리는지 확인합니다.
- 한 페이지에 og 태그가 두 번 들어가 있지 않은지 확인합니다.
- 이미지 파일 이름을 바꿔서 새 주소로 넣어 봅니다.
네로웹은 홈페이지를 만들 때 페이지마다 공유 미리보기가 알맞게 나오도록 설정해 드립니다. 운영 중인 홈페이지의 미리보기가 계속 이상하게 나온다면 대표번호 1688-8214로 문의해 주세요.
