카카오스토리로 링크 포스팅(웹사이트 공유)을 할 때 스크랩 정보는 어떻게 구성되나요?

카카오스토리로 링크를 포스팅(웹사이트 공유하기) 하기 위해서는 먼저 링크 정보를 각 해당 플랫폼별 API를 통해 얻어야 합니다.

링크 정보를 얻는 과정이란 흔히 말하는 특정 사이트의 스크랩 정보를 얻는 과정입니다.

원하는 스크랩 정보(링크 정보)를 구성하기 위해서는 아래의 내용을 참고하여, 스크랩되고자 하는 특정 사이트의 페이지를 구성하면 됩니다.

기본적인 스크랩은 Open Graph 프로토콜에 따라 이루어지게 됩니다.

아래와 같이 헤더에서 og:url에 있는 정보를 바탕으로 해당 페이지의 정보를 이용합니다. 또한 og:image태그를 사용하여 페이지를 스크랩할 때 선정될 대표 이미지를 지정할 수 있습니다. 다음은 하나의 예로서 카카오 devtalk에 구성된 정보입니다.

<head>
    <title>Kakao Developers</title>
    <meta property="og:url" content="https://devtalk.kakao.com/">
    <meta property="og:title" content="Kakao DevTalk_">  
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://devtalk.kakao.com/images/devtalk_.png">
    <meta property="og:description" content="카카오 데브톡. 카카오 플랫폼 서비스 관련 질문 및 답변을 올리는 개발자 커뮤니티 사이트입니다.">
    <meta name="description" content="카카오 데브톡. 카카오 플랫폼 서비스 관련 질문 및 답변을 올리는 개발자 커뮤니티 사이트입니다.">
    <meta name="keywords" content="데브톡,devtalk,카카오,디벨로퍼스,개발자,API,플랫폼">
    ... 
</head>
  • 주의) 만약 해당 예제 페이지의 주소와 og:url 의 링크가 상이할 경우(예를들어 위의 예제 코드의 페이지가 https://devtalk.kakao.com 이고, og:urlhttps://www.daum.net으로 다르게 지정할 경우) , og:url 페이지로 이동하여 콘텐츠를 구성합니다.

추가적으로 카카오에서 스크랩을 하는 경우를 판별하여 별도 처리가 필요하실 경우, User-Agent header의 특정 값으로 구별/판별하실 수 있습니다.

카카오는 스크랩시 다음과 같은 user agent 값을 포함합니다.

facebookexternalhit/1.1;kakaostory-og-reader/1.0

즉, user agent값에 kakaostory가 존재하는 경우, 서버에서 별도 처리를 하시면 됩니다.

1개의 좋아요
카카오스토리 링크에서 og태그를 통해 링크 정보를 얻을때 크롤러 정보?
카카오스토리 링크시 링크 정보 받아올때 문제입니다(재문의)
링크 포스팅시 정보 파싱기준
카카오스토리 공유시 사진 및 request_uri표시가 안됩니다
카카오스토리에 웹사이트 링크 공유시 url parameter는 삭제하나요?
단순히 웹에서 스토리로 공유할때 썸네일 설정은 어떻게 하나요?
카카오스토리 링크에 들어갈 이미지
카카오 스토리에 링크 공유 시, 이미지 썸네일 관련 문의입니다
카카오톡 url 공유시 이미지 관련 내용
웹에 카카오스토리 공유가 잘 되지 않습니다
카카오스토리로 공유시, 이미지 변경은 불가능한가요?
카카오톡으로 링크 전송시 이미지
저희 웹 앱의 링크를 카톡으로 공유했을 때 이미지 및 메타태그를 읽지 못합니다
Open Graph 프로토콜 디버거 툴 페이지는 없나요?
카카오스토리 공유하기
링크(url) 불러오기를 실패했습니다. 가뜹니다
[카카오스토리 공유하기] 이미지 관련
미리보기(스크랩) 캐시 삭제 기능이 추가되었습니다
카톡으로 url 전송하면 미리보기 섬네일 이미지가 안뜨네요
카카오스토리 웹 스크랩 html 스키마 관련 문의 입니다
웹에서 카카오스토리에 스크랩 하는 부분 질문드립니다
카카오톡으로 사이트 주소 보낼시 화면 이미지가 안나옵니다
공유하기 문의합니다.!
카카오톡 url 미리보기를 페이지마다 다르게 설정해 줄 수 있나요?
카카오스토리 공유하기: 링크(URL) 불러오기 실패. timeout?
카카오스토리 공유하기를 위한 url이 작동하지 않습니다
[카카오톡] 링크 미리보기가 카스는 되는데, 카톡이 안됩니다
카톡 채팅창에 url을 적었을 때의 미리보기
링크(url) 불러오기를 실패했습니다. 라고 나옵니다
Og:url vs og:image 태그 파싱 과정
카카오스토리 공유 팝업창에 나오는 스크랩 내용은 어떻게 구성되나요?
카카오 스토리 공유시 og 이미지 옆 텍스트변경
링크(url) 불러오기를 실패했습니다. 라고 나옵니다
카카오톡 scrap(url 미리보기) 안될때 체크 리스트
링크(url) 불러오기를 실패했습니다
카카오톡 url 캐시 삭제가 안되는 문제
카카오 스토리 공유하기에서 미리보기의 url문의
카카오스토리 공유시 링크(url) 불러오기를 실패 문제
카카오스토리 공유 시 이미지 노출 문의
카카오 링크 공유 시 썸네일을 변경
카카오스토리 공유시 이미지 지정
카카오톡 링크 공유시 이미지 수정
미리보기 캐시 저장 기간 관련 문의
홈페이지 썸네일 변경사항이 적용되지 않습니다
Faq 목록 입니다
메인에서만 url 정보가 노출되지 않습니다
Og태그 url 변경하였는데 미리보기가 보이지않습니다
카카오스토리 user agent 허용해도 500에러로 미리보기 표시 됩니다
Og:url vs og:image 태그 파싱 과정
shareStory에대해 조금더 자세히 알고 싶습니다
Og image가 반영되지 않습니다
[문의] 카카오톡에서 링크 공유 시 미리보기 이미지 미노출 이슈
웹페이지를 카카오스토리나 카카오톡으로 공유할때 페이지 내용을 공유하는 방법이 궁금합니다
카카오스토리 글 링크 관련 질문입니다
웹->카톡유알엘 미리보기 이미지
카카오스토리 웹 스크랩 html 스키마 관련 문의 입니다
개발자 계정의 프로필 이미지 변경 관련하여 문의드립니다
카카오톡 링크 전달시, 미리보기 이미지 변경