카카오톡 채팅창 OG(Open Graph) 설정 및 캐시 초기화

이렇게 카톡을 보냈을 시 썸네일이 나오게 하려면 설정을 귀찮지만 해줘야 나온다.
상식닷컴 모든 페이지가 완벽하지 않아서 제대로 나오지 않는 페이지는 수정을 약간 해줘야 한다.
귀찮아서 방치하고 있다가 지금 막 수정을 했다.

https://sangseek.com/hotels/ko?city=chiang-mai라면 치앙마이 정보가 나와야 하는데 매인 정보가 나왔다.

<title>태국 치앙마이 호텔 안내 - sangseek.com</title>
<meta name="description" content="치앙마이 호텔 24개가 있습니다">
<link rel="canonical" href="https://sangseek.com/hotels/ko?city=chiang-mai"/>
<meta property="og:title" content="태국 치앙마이 호텔 안내" />
<meta property="og:description" content="치앙마이 호텔 24개가 있습니다" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://sangseek.com/hotels/ko" />

이렇게 수정을 했는데 변경이 되지 않았다. 네이버 블로그에서는 제대로 잘 나왔다.
순간 머리에서 열이 올라왔다.
때려치울까 하다가...
자세히 보니 <meta property="og:url" content="https://sangseek.com/hotels/ko" />이 문제로 보인 듯 보였다.

이렇게 수정을 하니 제대로 작동했다.
<meta property="og:url" content="https://sangseek.com/hotels/ko?city=chiang-mai" />

아마 meta property="og:url" 없어도 작동할 것 같은데 귀찮아서 테스트는 하지 않았음.

관련 정보는 Meta 페이스북 표준 URL 지정 페이지를 참고하자.
지금 읽고 이해하기가 싫다. ㅋㅋ 

테스트를 하려면 https://developers.kakao.com/tool/debugger/sharing에서 하면 된다.
제대로 작동하지 않으면 캐시 초기화를 하면 된다.


제대로 나오는 방콕으로 결과를 뽑아보자. 
https://sangseek.com/hotels/ko?city=bangkok



이미지도 설정을 할 수 있다.
이건 귀찮아서 통과.
관광지는 제대로 세팅이 되어 있다.


관광지는 잘 나온다.



영어로도 잘 나온다.



일본어도 잘 나온다.