배포 링크의 meta 태그 적용 후,
타이틀, 설명 등은 표기 되는데 이미지만 공유가 안되는 상황이다.
kakao developers 공유 디버거에서 캐쉬를 제거해도, 이미지 파일명을 수정해도 og:image 해당 링크 접속할 때 이미지는 보이지만 미리보기에 노출이 안되었다.
한마디로 이미지의 확장자 svg 문제다.
The Open Graph protocol에는 jpg 예시만 보이고, 확장자 관련된 부분 MIME type 링크로 들어가면 svg도 언급이 되어 문제가 없을 줄 알았다. 그래서 파일 링크가 잘못되었나 한참 테스트 커밋을 날리고, 취소하고를 반복하다가 png 파일로 변경하여 해결했다.
Open Graph Object는 SVG image를 지원하지 않는다.
The-Open-Graph-protocol에서 겨우 원인을 발견할 수 있었다.
Does not support SVG image
Critism 항목의 3-4에 SVG파일을 지원하지 않는다고한다.
저 한줄.. 공식문서라고 생각했던 첫번째 링크에서는 왜 언급이 없을까..??
결론은 허무하게 png나 jpg로 변경하면 해결이 된다.
kakao og:image size는?
- 가로 800px, 세로400px (2:1 비율)
og image 사이즈 로 구글링하면 1200*630 필셀로 권장한다고하길래 처음엔 이 사이즈로 했다가 아래의 이미지처럼 양 옆이 잘려보였다. 페이스북 링크 공유 이미지에 해당 사이즈로 나와있으니 페이스북 위주라면 이 비율로 하는것이 더 바람직하겠다. 하지만 카카오톡 비즈니스 가이드에는 2:1 비율로 권장하고있다.
변경한 og:image가 바뀌지 않는다면?
kakao developers 공유 디버거에서 캐쉬 초기화를 하면 변경 사항이 반영된다.
