문의 시, 관련 URL 또는 디벨로퍼스 앱ID를 알려주세요.
안녕하세요.
카카오로 링크 공유시 미리보기가 정상적으로 출력되지 않아서 문의드립니다.
url ; https://m.liivm.com/support/docs/posts-detailed?noticeId=582
웹에서 위 링크를 접속 시 og:image가 원하는 경로로 출력이 되어서 나오고, 포스트맨에서 url을 쐈을때도 동일하게 og:image가 세팅되어 나옵니다.
그런데 카카오톡에서 링크를 공유시 og:image가 아예 다른 프로젝트에 있는 소스가 출력이되고,
공유 디버거를 통해서 디버깅을 했을 때도, open graph 정보가 https://www.liivm.com/URL 로 나옵니다.
관련하여 다른 글들을 봤을 때도 문제를 파악할 수 없어서 문의드립니다.
안녕하세요.
og:url 이 https://www.liivm.com/URL로 설정되어 있어서 https://www.liivm.com/URL의 메타를 미리보기로 사용하게됩니다.
og:url 은 canonical과 같은 역할을 하며 이러한 처리는 ogp 표준 처리방식입니다. https://ogp.me/
og:url 을 제거하시거나 실제 주소와 동일하게 해주시면 정상 표기될 것으로 보입니다.
참고 부탁드려요.
소스상에는 og:url이 실제 주소와 동일하게 입력이 되어있는데, 카카오 디버깅을 할 때는 og:url이 변경되어서 가는 것 같습니다.
웹, 포스트맨에서 보는 소스가 카카오 디버깅시 og:url 과 같습니다.
카카오에서 스크랩할 때 어떤 로직을 거쳐서 변경이 되어버리는건가요?
기존 url로 스크랩 되려면 어떻게 해야하는지 궁금합니다.
그런데 포스트맨에서 봤을때의 url과 카카오 디버깅을 했을때 주소가 다르게 나오거든요.
포스트맨은 m.liivm.com으로 확인이 되는데 카카오 디버깅은 www.liivm.com으로 출력이 되고,
og:image와 og:description 전부 m.liivm.com의 메타를 읽지 않고 www.liivm.com의 메타를 읽는 상황입니다.
위에 안내드린 것과 같이 og:url 은 canonical과 같은 역할을 하기때문에 그렇습니다.
(1) https://m.liivm.com/support/docs/posts-detailed?noticeId=582
<meta property="og:url" content="https://m.liivm.com">
(2) https://m.liivm.com
<meta property="og:title" content="KB Liiv M(리브모바일)">
<meta property="og:description"
content="「KB Liiv M」은 KB국민은행의 혁신금융서비스로 금융권 최초로 제공하는 이동통신서비스입니다. 품질 좋은 통신서비스를 합리적인 가격으로 제공하며, 편리하고 안전한 금융거래가 가능한 금융 · 통신 종합 플랫폼입니다.">
<meta property="og:image" content="/img/kbliivm.jpg">
<meta property="og:url" content="URL">
디벨로퍼스 공유 디버거에 https://www.liivm.com/URL 로 표시되는 것은 아래와 같이 형식에 맞지 않게 메타 사용하셔서 기본 주소 표기된 것입니다. og:url 은 프로토콜 포함 full 주소를 사용하셔야합니다.
<meta property="og:url" content="URL">
https://m.liivm.com/support/docs/posts-detailed?noticeId=582 주소의 og:url을 제거하시거나 동일하게 https://m.liivm.com/support/docs/posts-detailed?noticeId=582로 표기하여 사용부탁드려요.