카카오톡이나, 각종 블로그 등 많은 곳에서 해당 기능을 지원한다.
여기서도 간단히 볼 수 있는데, 썸네일이 실시간으로 바뀌는 개인 스트리밍 방송(chzzk, twitch 등)의 썸네일이 동기화가 안되는게 신기해서 정리해본다.
실시간으로 바로 불러와준다면 이런 문제가 없을텐데, 실시간으로 계속 불러오면 트래픽량이 증가할 수 있기 때문에 일정 주기(?)로 캐싱하고 빠르게 꺼내서 보내주는 것 같다.
메타 태그 중 오픈그래프라는 태그가 있는데, 웹페이지의 내용을 소셜 미디어에서 공유할 때, 미리보기를 더 풍부하고 일관성 있게 표시할 수 있도록 하는 메타 태그 표준이라고 한다. 페이스북에서 처음 도입했다고 한다.
기본 구조는 다음과 같다.
<head>
<meta property="og:title" content="웹페이지 제목" />
<meta property="og:description" content="웹페이지 설명" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page.html" />
<meta property="og:type" content="website" />
</head>
치지직의 생방송 웹 소스는 다음과 같다.
일반적으로 캐싱에는 TTL(Time-to-Live) 라는 소멸시효가 걸려있는데, 이 소멸시효가 지나지 않았다면 이미 캐싱된 데이터를 계속해서 보여주는 것이다.
위 썸네일의 시간 순을 정리하면, 카카오톡 -> 티스토리 -> Chzzk(실시간 업데이트)이니 티스토리의 TTL이 카카오톡보다 조금 더 빨랐나보다. 혹은 주기가 더 빠를수도 있고.
페이스북이나 카카오톡 등에선 캐시를 직접 리로드할 수 있는 기능을 지원하기도 한다.
추가로, 조회수를 확인할 수 있는 서비스의 경우에 조회수가 2가 늘어나는 경우가 있다고 한다.
이유는 썸네일(og:image) 캐싱을 위해 미리 방문하기 때문이라고 한다.
예를 들자면 tistory에 chzzk 링크를 공유하려고 할 때, chzzk의 썸네일 정보를 업데이트 하기 위해서 tistory에서 한 번 방문하기 때문에 조회수가 증가하는 경우와 같다.