OG 파일 이름에 한글 등 비영문 글자가 포함될 경우 페이스북 공유 시 썸네일이 깨지는 현상

OG 파일 이름에 한국어, 일본어, 중국어 등 비영문 글자가 포함되면 페이스북 공유 시에 썸네일이 깨지는 현상이 발생하고 있습니다. 페이스북은 지난 3월부터 이미지를 처리하는 방식 변경으로 인해 페이스북에 게시글을 공유할 때 OG 파일명에 비영문 문자가 포함될 경우 제대로 표시되지 않고 있습니다.

OG 파일 이름에 한글 등 비영문 글자가 포함될 경우 페이스북 공유 시 썸네일이 깨지는 현상

네이버 카페에 클라우드웨이즈(Cloudwys)에서 호스팅되는 워드프레스 사이트에서 특성 이미지 파일 이름에 한글이 포함될 경우 페이스북 공유 시에 썸네일이 깨지는 현상에 대한 질문이 올라와서 이 문제에 대하여 리서치해보니 페이스북에서 몇 개월 전에 이미지를 처리하는 방식을 변경하여 이런 현상이 발생하고 있다고 합니다.

실제로 테스트해보니 워드프레스에서 특성 이미지 이름에 한글을 포함하니 페이스북 공유 시에 썸네일이 깨지는 문제가 발생했습니다.

여기에 대하여 중국인으로 보이는 블로거가 올린 글이 있네요.

페이스북이 비영문 이미지 파일 이름을 처리하는 방식을 변경하여 공유 시에 이미지가 표시되지 않고 있다고 합니다.

Facebook 개발자 커뮤니티에도 이에 대한 질문이 올라온 것이 있네요.

Why have blog posts featured Images with 'non-English' file names recently stopped showing when shared on Facebook? We noticed i

이미지 파일 이름에는 한글을 포함한 비영문 글자를 포함하지 않고, 영숫자로 파일 이름을 지정하는 것이 안전합니다.

이미지 파일명에 한글이 포함되면 예상치 못한 문제가 발생할 수 있습니다. 제 블로그를 통해 이 점에 대하여 몇 차례 언급한 적이 있습니다.

워드프레스 이미지 파일명에 한글이 포함되는 경우 주의사항 - 워드프레스 기본 - 워드크래커

대표 이미지 파일 이름에 한글 등 비영문 문자가 포함되어 페이스북 공유 시에 썸네일이 깨지는 현상이 발생한다면 특성 이미지 파일 이름을 영숫자만 포함하도록 바꾸고 페이스북 공유 디버거 툴에서 다시 스크랩하면 문제가 해결될 것입니다.

이미지 업로드 시에 한글 이미지 파일 이름을 자동으로 숫자로 바꾸도록 하는 것도 가능합니다.

특히 이미지 파일명에 한글이 포함되면 특히 마이그레이션 시 파일명이 깨져서 이미지가 표시되지 않는 경우가 많으므로 가급적 이미지 파일 이름에는 영숫자만 사용할 것을 권장합니다.

참고

페이스북 공유 시 워드프레스 썸네일이 깨지는 경우 확인 사항 - 워드프레스 기본 - 워드크래커

https://avada.tistory.com/2897

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

https://avada.tistory.com/3046

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