페이스북(Facebook)을 통해 특정 사이트나 링크(웹 페이지)를 공유하면 페이스북은 해당 URL의 페이지를 자체 서버에 캐시합니다.
해당 페이지를 무조건 캐시(Cache)하는 것은 아니고, 페이스북에 공유하는 웹 페이지 내에 Facebook에서 인지할 수 있는 메타 태그를 함께 작성해 놓은 경우, 메타 태그 정보를 기반으로 캐시합니다. (단, 메타 정보가 없는 경우는 해당 웹페이지의 기본 정보(title, url, images)를 자체적으로 임의로 인지하여 캐시합니다.)
예를 들면 http://www.kokh.co.kr/aaa.aspx 라는 링크(페이지)를 페이스북에 공유한다고 가정합니다. 그리고 aaa.aspx 파일 내에는 페이스북에서 인지할 수 있는 메타 태그 정보를 <head></head> 태그 내에 다음과 같이 작성합니다.
<meta property="og:type" content="website" />
<meta property="og:title" content="페이지 제목 - KOKH" />
<meta property="og:image" content=http://www.kokh.co.kr/images/share_01.png />
<meta property="og:url" content="http://www.kokh.co.kr" />
<meta property="og:site_name" content="개발자를 위한 질문&답변 사이트입니다." />
<meta property="og:description" content="이 사이트는 어쩌고 저쩌고~~." />
...
그럼 http://www.kokh.co.kr/aaa.aspx 페이지 자체를 페이스북을 통해 공유하면 위의 정보 title, url, image, site_name 등을 기반으로 페이스북 게시물이 올라갑니다. (위의 정보로 게시물 내용을 구성합니다.)
또한 위의 메타 정보를 기반으로 페이스북에 게시된 게시물을 클릭하면 http://www.kokh.co.kr 로 이동하게 됩니다. (og:url 정보를 참조)
그런데 시간이 오래 지나 kokh.co.kr 라는 사이트의 이름이 kokhworld.co.kr 로 바뀌었다고 합시다. 그러면 해당 게시물을 클릭하면 이동해야 할 사이트가 kokhworld.co.kr 로 바뀌어야 합니다. 또한 공유 게시물에서 보여지는 이미지(og:url)와 설명(og:description)도 바뀌었다고 합시다.
그래서 해당 aaa.aspx 페이지의 og:url, og:image, og:description 메타 태그 정보를 다음과 같이 변경한 후, 페이지를 서버에 다시 올렸습니다.
<meta property="og:image" content=http://www.kokh.co.kr/images/share_02.png />
<meta property="og:description" content="이름이 새로 변경된 사이트입니다." />
이제 새로 누군가가 페이스북에 http://www.kokh.co.kr/aaa.aspx 링크를 게시하여 공유하였습니다.
그런데 공유된 게시물이 모두 새로 변경되기 이전의 정보(링크, 이미지, 설명)로 표시됩니다. 페이지의 메타 태그를 수정하여 서버에 올렸지만, 페이스북 공유 시, 반영되지 않습니다. 그러한 이유는 해당 http://www.kokh.co.kr/aaa.aspx 페이지가 페이스북에 최초 공유될 때, 페이스북은 자체적으로 캐시를 하고, 계속 해당 캐시를 사용하여 게시물 정보를 보여주기 때문입니다.
* 그러면 어떻게 해야할까?
방법은 간단합니다. 페이스북의 개발자 사이트의 Open Graph Object Debugger 페이지에 가서 공유하려는 페이지(수정된)의 링크를 입력하면 됩니다.
아래의 Input URL에 캐시를 갱신할 페이지의 URL을 입력한 후, 엔터키를 누르거나 Fetch new scrape Information 버튼을 클릭합니다.
다음과 같은 화면이 뜨면 (내용은 조금 다를 수 있지만) 해당 URL이 페이스북 캐시에 새로 갱신되고, 어떠한 메타 정보들을 포함하고 있으며, 공유 시, 페이스북에 어떻게 나타나는지 등에 대한 정보를 보여줍니다.
잠시 후, 해당 링크를 다시 페이스북에 공유해보면 새 메타 정보를 기반으로 갱신되었음을 알 수 있습니다.
페이스북 캐시 갱신에 시간이 좀 걸릴 수 있으니, 바로 갱신된 정보가 표시되지 않으면 1~2분 정도 있다가 다시 해보시기 바랍니다.
'개발&컴퓨터 > API연동&기타' 카테고리의 다른 글
| HTTP 서버 응답 코드 (Response Code) 정리 (1) | 2015.06.27 |
|---|---|
| 내 사이트에 구글 번역기 달기 (3) | 2015.02.03 |
| 다음에디터(Daum Editor) 연동 시, 에디터 입력창에 DEVELOPMENT MODE 가 뜬다면? (2) | 2015.01.08 |
| 내 블로그(또는 사이트에) 유튜브 영상 게시(공유)하기 + 옵션! (0) | 2014.09.01 |
| IE9 Compatibility Mode (인터넷 익스플로러 9 호환성 모드) (2) | 2014.07.19 |
