카카오톡 링크 공유시 오픈 그래프 webp 이미지

General / 일반
1

현재 2개의 사이트를 운영중인데 한사이트에서는
jpg이미지를 사용하여

를 이용하여 작업하여 사용하는데

한곳에서는 이미지를 webp형태로

webp이미지를 호출하였는데 이미지가 카카오톡내에서는 보여지지가 않습니다.

image

2

안녕하세요~

확인을 위해 해당 링크 텍스트로 남겨주세요~

3

https://www.autowini.com/Cars/Used-2011-Hyundai-Accent(New)-IC1428574/cars-detail

https://www.auctionwini.com/entry/carsale/get-carsale/AN202106070001/EX202106080000001723/CR202106081723/

입니다

4

저희가 auctionwini같은경우 이미지 매니저 라는 아카마이 서비스를 이용하고있습니다.

https://image.autowini.com/auction/IM/2021/05/27/EX202105270000000014/CR202105270014/CR202105270014_1622097862214_320.jpg

5

og태그에 og:url이 있는경우 해당 주소의 메타데이터를 사용해서 미리보기를 구성합니다.
( 이러한 처리는 ogp 표준 처리방식입니다. https://ogp.me/ )

아래 주소의 경우,

https://www.auctionwini.com/entry/carsale/get-carsale/AN202106070001/EX202106080000001723/CR202106081723/

og:url 이 다음과 같이 설정되어 있습니다.

<meta property="og:url"             content="https://m.auctionwini.com/">

해당 페이지는 https://m.auctionwini.com/main 주소로 한번더 리다이렉트합니다.

image

미리 보기 서버는 원래주소인 https://m.auctionwini.com/ 스크랩하지만
curl 로 조회 해보면 아래와 같이 You don’t have permission to access 메시지가 나옵니다.

image

og:url 태그를 제거 하시거나 대상 페이지와 동일하게 설정하시면 문제 해결될 것으로 보입니다.

https://www.auctionwini.com/entry/carsale/get-carsale/AN202106070001/EX202106080000001723/CR202106081723/

6

현재 동일하게
https://www.auctionwini.com/entry/carsale/get-carsale/AN202106070001/EX202106080000000733/CR202106080733/

하게 설정하였습니다.

7

네, 이제 아무것도 안나오던것에서 미리보기 구성이 표시는 되는군요.

그런데 이미지가 접근 불가능하다고 나옵니다.

https://image.autowini.com/auction/IM/2021/05/07/EX202105070000000012/CR202105070012/CR202105070012_1620349727491_320.jpg?imbypass=true

8

아 감사합니다

나머지는 아마 봇차단 정책에서 막힌거 같습니다.
확인 감사합니다.

1개의 좋아요
9

image

지금 혹시 카카오톡에서 저희 쪽으로 og:url 접근시 해당 메세지를 알수있을까요
저희 이미지 차단정책이 다이렉트로
이미지에 접속이 안되게 되어있습니다
https://image.autowini.com/auction/IM/2021/05/07/EX202105070000000012/CR202105070012/CR202105070012_1620349727491_320.jpg?imbypass=true

이 이미지는 auctionwini.com 사이트에서 Referer 값 참고해서 보여주게 되어있습니다.

10

기재해주신 주소를 브라우저로 접근했을때, 아래와 같이 반환되는데요.
이 내용을 문의하신게 맞으실까요?

<HTML><HEAD>
<TITLE>Access Denied</TITLE>
</HEAD><BODY>
<H1>Access Denied</H1>
 
You don't have permission to access "http&#58;&#47;&#47;image&#46;autowini&#46;com&#47;auction&#47;IM&#47;2021&#47;05&#47;07&#47;EX202105070000000012&#47;CR202105070012&#47;CR202105070012&#95;1620349727491&#95;320&#46;jpg&#63;" on this server.<P>
Reference&#32;&#35;18&#46;15ecefd3&#46;1623656920&#46;5cf065a
</BODY>
</HTML>
11

넵 감사합니다. 확인해보겠습니다.

1개의 좋아요
12

혹시 브라우저가 아닌 카카오톡 에서 url을 던졌을때 에러값을 알수는 없을까요?

직접 호출하면 Referer 값이 없어서 Access Denied 이 뜨게 됩니다.

13

카카오톡에서 URL을 입력하면,

카카오 스크랩서버가 해당 URL에 접근하여 스크랩할 데이터를 확인하는데요.

이역시, Referer가 없을 것 같은데요.

Referer 없어도 조회가 가능해야할 것 같아요.

14

아 저희 사이트가 외국에서 크롤링을 많이 당해서 해당정책을 뺄수는 없을거 같아요.
국내에서는 어쩔수 없이 대표 사이트 로고를 보여줘야겠습니다

바쁘신와중에 이렇게 답변 남겨주셔서 감사합니다.

1개의 좋아요
15

혹시 유저 에이전트 값을 알수 있을까요?

16

넵, 아래와 같이 세팅됩니다~

  • 스크랩봇은 facebookexternalhit/1.1;kakaotalk-scrap/1.0 user-agent 를 사용합니다.
  • 카카오스토리 스크랩봇은 facebookexternalhit/1.1;kakaostory-og-reader/1.0 user-agent 를 사용합니다.
17

아아 감사합니다…
^^

1개의 좋아요
18

지금 방화벽 정책을 하나씩 추가 제거하면서 확인하니
image
이렇게 이미지가 나오기 시작합니다.
혹시 썸네일 호출시 Request header 정보를 알수있을까요?
아니면 특정 Request header 를 붙이는지 궁금합니다.