워드프레스 게시글을 페이스북에 공유 시 썸네일이 표시되지 않는 문제 (feat. 호스팅어)

호스팅어(Hostinger)에서 호스팅 중인 워드프레스 사이트의 게시글을 페이스북에 공유할 때 썸네일이 표시되지 않는 문제로 클라이언트께서 연락해 오셨습니다. 페이스북 공유 디버거 사이트에서 테스트해 보니 서버에 의해 거부되었다면서 방화벽 등에 의해 차단되었을 수 있다는 에러 메시지가 표시되었습니다. 

워드프레스 게시글을 페이스북에 공유 시 썸네일이 표시되지 않는 문제 (feat. 호스팅어)

워드프레스의 경우 Yoast SEO나 Rank Math와 같은 SEO 플러그인을 설치하면 og 이미지를 설정하지 않아도 특성 이미지(대표 이미지)를 og 이미지로 설정되어 페이스북 공유 시에 이미지가 표시됩니다.

만약 이미지가 페이스북 공유 시에 이미지가 표시되지 않는다면 페이스북 공유 디버거 사이트에서 테스트할 수 있습니다.

자산 누락됨. 다음 필수 자산이 누락되었습니다: fb:app_id 오류

제 워드프레스 블로그 글을 하나 테스트해보니 "자산 누락됨. 다음 필수 자산이 누락되었습니다: fb:app_id" 경고가 표시되네요.

이 오류에 대하여 살펴보니 Yoast SEO에서는 "The following required properties are missing: fb:app_id"이라는 게시글을 통해 다음과 같이 설명하고 있습니다.

If you’re seeing this warning, then don’t worry. Your code is correct, and your shared content will display properly. The fb:app_id meta tag is not required. In fact, it doesn’t do anything, and hasn’t for years. That’s why we removed support for it from Yoast SEO 15.5, and why you might have started seeing these ‘warnings’ for the first time.

즉, 이 경고가 표시되더라도 염려할 필요가 없으며 공유된 콘텐츠가 정상적으로 표시됩니다. fb:app_id 메타 태그는 필수가 아니며, 오랫동안 아무런 역할을 하지 않고 있다고 합니다. 이 때문에 Yoast SEO 15.5부터 이 메타 태그가 제거되었고, 이로 인해 이러한 경고가 표시되고 있습니다.

Rank Math에서도 마찬가지로 fb:app_id 메타 태그가 제거된 것 같습니다.

호스팅어에서 호스팅되는 워드프레스 사이트에서 페이스북 공유 오류가 발생하는 경우

문제의 사이트에서는 서버에 의해 거부되어 해당 게시글 콘텐츠를 공유할 수 없는 상태였습니다. 해당 화면을 캡처했어야 하는데, 깜박하고 캡처하지 않았네요.ㅠ

이 문제에 대해 검색해보니 방화벽에 의해 차단되거나 Cloudflare를 사용 시에 발생할 수 있다고 하네요.

저는 혹시나 해서 워드프레스에 설치된 Hostinger 관련 플러그인 두 개를 비활성화해 보았습니다.

Hostinger, Hostinger AI Assistant라는 플러그인인데요. 이 두 플러그인이 무슨 기능을 하는지 모르겠습니다.

이 플러그인을 비활성화한 후에 다시 테스트해 보니 페이스북 공유 디버거에서 더 이상 에러가 발생하지 않았습니다. 우연의 일치일 수도 있지만, Hostinger 호스팅을 이용하는 경우 페이스북 공유 시 오류가 발생하면 Hostinger 관련 플러그인을 비활성화한 후에 테스트해 보시기 바랍니다. 이 두 플러그인은 삭제해도 되지 않을까 생각됩니다.

또한, DNS 정보를 변경한 직후인 경우에도 사이트 접속이 제대로 안 되어 페이스북 공유 시 에러가 발생할 수 있습니다. DNS 정보를 변경했다면 하루 정도 지난 후에 테스트해보시기 바랍니다. 네임서버 등 DNS 정보가 변경되면 정보가 전파되는 데 1~2일 정도 소요될 수 있습니다.

참고로 Hostinger는 저렴하여 국내에서도 사용자들이 있습니다만, 개인적으로는 그리 선호하지는 않았습니다. 예전에는 속도가 느리고 잘 안 되는 것이 많아서 별로 좋아하지 않습니다. 요즘에는 개선되었는지 모르겠습니다. 저렴한 웹호스팅을 이용하고 싶은 경우 패스트코멧(FastComet)이 더 좋은 선택일 수 있습니다. 빠르고 안정적인 웹호스팅을 원하는 경우에는 클라우드웨이즈(Cloudways)가 괜찮은 옵션일 수 있습니다.

참고

https://avada.tistory.com/3348

Vultr에서 무료 Plesk (플레스크) 버전이 사라졌습니다

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)

https://avada.tistory.com/2897

엘리멘터 무료 버전 vs. 프로 버전 비교

https://avada.tistory.com/2335

워드프레스 GeneratePress 테마 라이선스 (+요금제)