페이스북 공유하기 이미지 새로고침 하는 방법 (페이스북 디버거)

HTML5

Jundol 2018. 2. 27. 13:49

Facebook 공유하기 했을때 이미지 or 제목 or 설명 새로고침 하는법

clear facebook debugger cache data

Facebook 을 제외한 여타 다른 SNS에는 별도의 페이지 meta 태그 데이터를 캐시하는 서버가 존재하지않는것같다.

매번 공유를 할 때마다 새로운 데이터를 읽어들이는것 같은데

페이스북만 페이지 메타 태그의 데이터를 캐시해서 공유할때 이미지나 설명 제목을 불러들이는 속도를 빠르게 유지하는것 같다.

페이스북에서는 디버거를 통해 새로고침을 하라고 하지만 디버거를 이용해도 같은 도메인에서는 페이지가 즉각 새로고침 되지 않는 문제가 있다.

페이스북 디버거 페이지

페이스북에서는 여기를 통해 새로고침 하라고 나오지만 내가봤을땐 분석툴 이상이하도 아닌것같다...

정보를 새로 가져오긴 하지만 캐시서버에는 바뀌지 않는다.

메타태그를 수정하고 공유를 다시 해봐도 새로운 메타태그 정보를 가져오지 못한다.

그래서 내가 찾은 방법은

1. 게시물을 공유한다.

2. 공유한 게시글의 우측 상단에 있는 점 3개를 누른다.

3. 공유 첨부 파일 새로 고침 클릭

4. 새로운 메타태그를 가진 게시글을 가지고 온다.(바로 뜨지않고 몇초간(2~3초?)의 시간이 걸린다.)

5. 저장을 누른다.

이렇게 하면 해당 게시글의 새로운 메타태그 정보가 캐시서버에 새로고침되는것같다.

* 추가로 페이스북에 공유할때 가져오는 메타 이미지 및 설명은 meta og:url 태그의 content 속성에 바인딩되어있는 페이지를 가져온다.

다른 SNS(트위터,카카오스토리등)는 공유할때 url의 페이지에서 메타태그를 뽑아온다.

페이스북만 meta og:url 을 제대로 바인딩해줘야한다.