기본적으로 플러그인 작성자 @merefield와 제가 이 문제에 대해 논의한 내용을 여기서 볼 수 있습니다.
그는 Discourse 팀에 이 작업을 요청하도록 권고했습니다.
저는 항상 제 사이트에서 외부 CDN 이미지를 사용하며, 로컬 업로드나 오브젝트 스토리지에 업로드하지 않습니다. 로컬 또는 S3 버킷에 이미지를 저장하는 것은 비용이 너무 비싸기 때문입니다.
현재 제 메타 og:image 태그가 이러한 이미지를 가져오지 못하는 것을 확인할 수 있습니다. 예를 들어 이 토픽을 참고하세요: How Many Carbs on Keto? - How To Discuss
이미지는 실제로 IMG SRC로 외부 공개 URL에서 로드됩니다. 하지만 소셜 미디어 오픈 그래프는 항상 제 사이트 로고를 폴백 이미지로 표시하는데, 이는 좋지 않은 상황입니다.
이러한 Discourse의 핵심 동작 때문에, 토픽 목록 미리보기 플러그인이 감지하는 썸네일 이미지에서도 이러한 이미지를 볼 수 없습니다.
외부에서 업로드한 이미지를 강제 사용하도록 메타 og:image 태그를 어떻게 오버라이드할 수 있을까요?
소셜 미디어 사이트에서 공유할 때 제 사이트 포럼 로고 대신 실제 토픽 이미지가 보이도록 하려면: https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fhowtodiscuss.com%2Ft%2Fis-yoga-a-good-workout%2F28043
토픽 페이지에 이 라인을 강제 추가해 보았습니다.
<meta property="og:image" content="https://images.pexels.com/photos/4761347/pexels-photo-4761347.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" />
하지만 페이지 소스를 확인했을 때 og:image 태그는 여전히 폴백으로 제 사이트 로고를 사용하고 있으며, 이 토픽에 이미지가 없다고 인식하고 있습니다. ![]()
어떤 토픽의 첫 번째 게시물에 있는 첫 번째 이미지가 외부 공개 URL에 호스팅되어 있더라도 메타 og:image 태그에 의해 가져와져야 합니다. 현재는 이미지가 제 자체 서버에 업로드된 경우에만 가져오는데, 많은 사용자들이 이미지 호스팅 비용을 감당할 수 없어 직접 호스팅하는 것이 불가능합니다. Discourse 팀이 이러한 변경을 허용해 주시면 매우 도움이 될 것입니다.
@Bcat도 그의 포럼에서 동일한 문제를 겪고 있습니다.

