Facebook이 포럼 로고를 OG 이미지로 가져오고 있으며, 내 게시글 본문 상단의 메인 이미지를 가져오지 않습니다. Facebook og 개발자 디버그 도구를 통해 debug/scrape를 시도해 보았지만, 아무런 변화가 없었습니다.
중복된 질문일 수 있어 죄송합니다. 하지만 이 포럼에서 여러 스레드를 읽어 보았음에도 불구하고 이 문제에 대한 해결책을 찾지 못했습니다.
도움 주셔서 감사합니다!
로고 이미지가 너무 큰 것 같습니다. 위 미리보기 이미지에서 보면 매우 큽니다.
사이트에 설치된 테마 구성 요소가 Facebook 크롤러의 동작을 방해하는 것 같습니다. 해당 구성 요소가 <head> 안에 다음 내용을 추가하고 있습니다.
<!-- Facebook Pixel Code -->
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&ev=PageView&noscript=1">
<!-- End Facebook Pixel Code -->
이미지는 <head>에 포함되지 않아야 하므로 대부분의 브라우저는 이를 무시합니다. 그러나 Facebook 크롤러는 img 태그를 감지하고 <head>를 조기에 종료하는 것 같습니다. Facebook의 디버그 도구에서 확인된 내용은 다음과 같습니다.
<!-- Facebook Pixel Code -->
</head>
<body>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&ev=PageView&noscript=1">
<!-- End Facebook Pixel Code -->
이러한 마법 같은 </head><body> 태그는 curl이나 어떤 브라우저에서도 나타나지 않습니다. Facebook에서 매우 이상한 동작을 보이고 있습니다.
어쨌든, 해결 방법은 테마 구성 요소의 </head> 섹션에 있는 Facebook 추적 픽셀을 테마 구성 요소의 Header 섹션으로 이동시키는 것입니다.
여기서 뭔가 놓치고 있는 건지 모르겠지만, 제 문제는 포럼 로고가 표시되는 걸 원치 않는다는 점입니다. 대신 게시물의 첫 번째 이미지가 표시되길 원합니다.
즉, 게시물에 있는 실제 이미지(제 사진)가 표시된다면 로고의 크기가 왜 중요할까요? 로고를 애초에 표시하고 싶지 않은데, 로고 크기가 왜 문제인 건지 궁금합니다. 말이 되는지 모르겠네요.
저는 커스텀 테마를 설치하지 않았습니다. Discourse의 기본 설치 환경입니다. 사실 Discourse에 테마나 플러그인을 설치하는 방법도 모릅니다.
이미지의 크기는 어느 정도 관련이 있습니다. Facebook이 og:image 태그를 찾지 못할 경우, 사이트에서 가장 큰 이미지를 선택하기 때문입니다. 이 경우 로고가 사진보다 크므로 로고가 선택되었습니다.
그러나 Discourse에는 og:image 태그가 포함되어 있습니다. 다만 사이트의 테마가 이를 깨뜨리고 있을 뿐입니다.
반드시 확인해 보셔야 합니다. Facebook 추적 픽셀은 테마에 의해 추가되고 있습니다. 안전 모드(Safe mode)를 사용할 때 사라집니다. /admin/customize/themes로 이동한 후 HTML 편집을 누르고 </head> 탭으로 가 보세요. 그곳에 Facebook 코드가 있을 것으로 추정됩니다.
왼쪽의 "default"를 클릭하면 편집 버튼이 보일 것입니다
이거였군요! 네! 정말 감사합니다!