페이스북 공유 시 썸네일과 요약글이 제대로 표시되지 않는 문제가 발생하는 경우

엊그제 이 블로그에 사용 중인 워드프레스 테마를 Publisher라는 매거진 테마로 변경하고 난 후에 갑자기 페이스북으로 글을 공유할 때 오류가 발생하는 것을 확인했습니다.

모든 글에서 오류가 발생하는 것은 아니고 테마를 바꾸고 난 후에 작성한 글에서 오류가 발생하네요.

페이스북 공유 시 썸네일과 요약글이 제대로 표시되지 않는 문제가 발생하는 경우 4
페이스북 공유 에러

위의 그림과 같이 페이스북에서 공유할 경우 제목과 설명, 그리고 이미지가 전혀 나타나지 않습니다. 다만, 사이트 URL을 클릭하면 해당 글로 이동합니다.

테마 문제로 판단되어 테마 개발자에게 이 문제를 제기했습니다. 테마 지원 담당자가 조금 이해하기 난해한 기술적인 내용과 함께 글에 "특성 이미지"가 없다고 지적하네요. 그러면서 제대로 공유되는 스크린샷을 보내주었습니다.

당연히 특성 이미지가 있는데 왜 특성 이미지가 없다고 했을까에서 (비논리적인 의심이지만) 아마 Yoast SEO에 문제가 있을 것 같다는 나름대로 추정을 했습니다. 해당 글 아래에 표시되는 Yoast SEO의 Social 섹션에서 Facebook Title과 Facebook Description을 모두 입력해보았습니다.

참고로 이전 글에서 페이스북 공유 시 썸네일이 표시되지 않으면 All In One SEO나 Yoast SEO의 소셜 공유 기능을 사용하면 문제가 해결된다고 설명한 적이 있습니다. 이때까지 Yoast SEO의 Social 섹션에서 썸네일 이미지만 추가하고 Facebook Title과 Facebook Description을 입력하지 않았지만 별 문제 없이 잘 작동했습니다. 아마도 제목과 설명이 입력되지 않아서 문제를 일으킨 것 같다는 생각이 들었습니다. (사실 제목과 설명을 입력하지 않아도 상관 없습니다.)

업데이트: Yoast SEO나 All in One SEO 같은 SEO 플러그인을 사용하여 소셜 공유 기능을 설정하면 네이버 검색(예: 네이버 블로그)에서도 썸네일이 반영되어 표시됩니다. 체크해보니 반영이 되는 경우도 있고 그렇지 않은 경우도 있네요.

페이스북 공유 시 썸네일과 요약글이 제대로 표시되지 않는 문제가 발생하는 경우 5

위의 그림과 같이 Facebook Title, Description, Image를 모두 기입한 후에 테스트를 해보니 문제 없이 작동하네요.

페이스북 공유 시 썸네일과 요약글이 제대로 표시되지 않는 문제가 발생하는 경우 6

그래도 다행인 것은 이전 글에서 문제가 발생하지 않는다는 점입니다. (간혹 썸네일이 표시되지 않는 경우가 있네요. 이런 경우도 Facebook Title과 Description을 모두 설정해주면 문제가 해결될 것 같습니다.) 조금 귀찮더라도 글을 작성할 때마다 제목과 글 설명문도 함께 입력해주어야 할 것 같습니다.

잘 사용하고 있는 테마를 변경하고 나니 몇 가지 문제가 발생하네요. 자잘한 버그는 무시하거나 추후에 수정하면 되지만 페이스북이나 트위터 등 소셜 미디어와 공유 시 오류가 발생하면 SEO에 부정적인 영향을 미치므로 테마를 다시 되돌려야 하나 고민했는데, 운 좋게 쉽게 해결되었네요.

참고:

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

2개 댓글

    1. 페이스북에 공유할 때 이런 문제가 나타나는 경우가 많습니다.
      원인도 다양하여 쉽게 문제를 해결하지 못하는 경우도 있습니다.

      따라서 위의 방법이 효과가 있을 수도 있고 그렇지 않을 수도 있습니다.

댓글 남기기

* 이메일 주소는 공개되지 않습니다.