워드프레스 페이스북 공유 썸네일 문제 해결하기

워드프레스 페이스북 공유 썸네일 문제 해결하기

워드프레스 페이스북 공유 썸네일 문제 해결하기
안녕하세요. 블로그 달과 바람입니다. 오늘은 워드프레스 및 다른 블로그나 사이트를 페이스북에 공유를 할 때 링크가 제대로 embed 되지 않아 썸네일과 요약글이 보여지지 않는 현상을 해결해 보는 방법을 알아 보기로 하겠습니다.

다른 sns는 그런 경우가 별로 없는데 유독 페이스북 공유만 종종 오류가 났고, 유료테마와 몇 가지 플러그인을 손대면서 더 많이 오류가 났기에 이번에 다시 만져보게 되었습니다.

 

워드프레스 페이스북 공유 썸네일 문제 해결하기
워드프레스 페이스북 공유 썸네일 문제 해결하기

그렇게 많지는 않아도 페이스북 링크를 통해서 블로그에 유입되는 경우도 좀 있는데요. 링크가 이런 식으로 공유가 되면 일단 저부터도 클릭하지 않을 것 같습니다. 썸네일과 미리보기 글이 보여지는 방식으로 공유가 되다가도 어느 순간에는 이렇게 덜렁 멋 없는 링크 사각박스만 공유가 되버리는 현상이 생깁니다.

원인은 open graph 메타태그가 제대로 지정되어 있지 않아서 그렇다고 하는데요. 이걸 head 부분에 임의로 코드를 넣어서 지정을 하는 방법이 있습니다. 하지만 이렇게 까지 하는 것은 너무 복잡한 일이죠. 

일단 링크가 무조건 위의 상태처럼 된다면 워드프레스의 경우 플러그인을 설치해서 해결할 수 있습니다. Yoast SEO나 All in one SEO를 설치해서 활성화를 하면 기본적인 것은 해결이 됩니다. Yoast SEO이 경우는 알아서 설정이 거의 되지만, All in one SEO의 경우는 일일이 세팅을 해주어야 합니다. 세팅방법은 차후 따로 포스팅을 하도록 하겠습니다.

기본적인 문제를 해결했거나 혹은 어쩌다 저런 현상이 발생한다면 페이스북 디버거로 가셔서 디버그를 해야 합니다. 페이스북에서 한 번 그렇게 긁어 가 버리면 계속 그렇게 인식을 하기때문에 새로고침을 해줘야 한다는 정도로 이해를 하시면 될 것 같습니다. 

 

페이스북 디버거 바로가기

 

워드프레스 페이스북 공유 썸네일 문제 해결하기
워드프레스 페이스북 공유 썸네일 문제 해결하기

페이스북 디버거의 모습입니다. 오류가 생기는 링크주소를 넣고 디버그를 합니다.

 

워드프레스 페이스북 공유 썸네일 문제 해결하기
워드프레스 페이스북 공유 썸네일 문제 해결하기

오류가 생기는 이유가 블라블라 나오는데요. 저 같은 경우는 새로 추가한 광고플러그인이 메타태그에서 뭔가 엉키고 있다는 것을 알게 되었습니다. 근데 사실 큰 상관은 없더라고요. 읽어 오는 도중 분석하는 시간이 오래 걸린다거나 하면 대충 링크만 보여주는 경우가 있다는 것을 알게 되었습니다.

그러니 표시 되어 있는 다시 스크랩을 아래의 링크 미리 보기에 제대로 된 썸네일이 보일때까지 몇 번 눌러 줍니다. 미리 보기에 원하는 대로 표시가 된다면 해결 된 것입니다. 새로고침 몇 번 하는 느낌 아시죠?

 

워드프레스 페이스북 공유 썸네일 문제 해결하기
워드프레스 페이스북 공유 썸네일 문제 해결하기

오류를 해결한 게시물을 다시 공유를 해 보면 잘 된다는 것을 확인하실 수 있습니다. 하지만 기존의 게시물을 바꾸고 싶다면 페이스북 게시물 오른쪽 위의 탭을 누르신 후, 공유 첨부 파일 새로 고침을 눌러 줍니다. 그러면 새로 고침 된 팝업창이 뜨는데 원했던 공유의 모습이라면 확인을 누릅니다. 그러면 새로 적용된 썸네일로 수정된 것을 볼 수 있습니다.

정리하자면,

1.공유가 종종 오류가 난다면 페이스북 디버거에 가서 다시 스크랩을 이용해 해결 후, 다시 공유를 하거나 기존 게시물을 새로 고침 한다.

2.공유의 문제가 지속된다면 SEO 플러그인을 설치 후  페이스북 디버거를 사용한다.

입니다. 

그럼 도움이 되셨기를 기대하면서 포스팅을 마치겠습니다. 감사합니다. 끝.