안녕하세요
최근 이전된 Discourse 포럼을 운영하고 있습니다. 깔끔한 “링크 미리보기” 기능은 제가 시도해 본 모든 사이트에서 정상적으로 생성되지만, 이 사이트(우리에게 중요한 사이트)만 예외입니다:
여기 Meta에서도 작동하지 않는 것 같아서, Discourse의 버그인지 아니면 사이트 자체의 특이한 문제 때문인지 궁금합니다. 원인에 대한 힌트가 있을까요?
해당 사이트는 비공개가 아니며 로그인도 필요하지 않습니다. 제가 그 사이트도 운영하고 있으므로,那边에서 조치해야 할 사항이 있다면 제가 시도해 볼 수도 있습니다.
감사합니다.
Discourse의 onebox gem은 사이트가 Open Graph 태그를 올바르게 정의하도록 요구합니다. 게시글에 포함된 사이트에는 Open Graph 태그가 전혀 없습니다.
따라서 이 문제를 해결할 수 있는 방법은 많지 않습니다. 사이트가 Discourse에서 onebox로 표시되려면 필요한 OG 태그를 추가해야 합니다.
완벽합니다, 제가 알아야 할 정보가 정확히 그거였어요. 태그를 추가해볼 수 있는지 확인해볼게요. 감사합니다.
그래서 다음 태그를 추가했습니다: check my site on iframeley
그리고 WhatsApp에서 Onebox가 표시되도록 했습니다:
하지만 Discourse에서는 안 됩니다:
캐싱 문제일 수도 있겠다는 생각이 들었지만, 그렇게 보이지는 않습니다. 다른 Discourse 사이트들과 URL 변형으로 시도해 보았거든요…
제가 놓치고 있는 Discourse가 요구하는 다른 태그가 있을까요? 이 사이트의 다른 게시물에서 title과 description만 필수라고 읽었는데, 저는 그 두 가지를 모두 가지고 있습니다…
도움 주셔서 감사합니다.
onebox 은 대상 페이지를 방문하여 Open Graph 또는 oEmbed 태그를 확인합니다. 여기에는 다음이 포함됩니다:
Discourse는 설명 태그가 존재하고 페이지를 요약할 수 있는 충분한 텍스트를 포함해야 하며, 그렇지 않으면 대상 링크가 원박스로 표시되지 않습니다.
또 다른 좋은 설명은 Creating rich link previews with Onebox 에서 찾을 수 있습니다.
기본적으로 보안상의 이유로 <iframe>이 차단되지만, 매우 신뢰할 수 있는 출처에서 온 경우 Discourse 관리자는 사이트 설정에서 해당 도메인을 <iframe> 대상으로 명시적으로 화이트리스트에 추가할 수 있습니다.
네, 감사합니다. 제목과 설명은 확보했습니다. 아마 og:image 속성이 없어서 Discourse가 제 사이트를 마음에 들어 하지 않는 것 같은데, 이 속성이 필수라는 내용은 어디에서도 읽지 못했습니다.
해당 속성을 포함해서 시도해 봐야 할 것 같은데, Hugo에서 그렇게 하려고 하니 기술적인 어려움이 있었습니다. 그 문제를 해결하면 여기서 다시 보고드리겠습니다. 감사합니다.
이 작업이 쉽지 않네요. 이제 메타 태그에 og:image를 추가했고, iframeley로 검사해 보니 모든 것이 정상으로 보입니다.
하지만 여전히 Discourse에서 원박스(onebox)가 생성되지 않네요… 
무엇이 빠진 걸까요?
이미지만으로는 부족합니다. 텍스트 설명도 필요합니다.
무언가 자명한 것을 놓치고 있는 것일 수도 있지만, 제 og:description 메타 태그에 무엇이 잘못되었거나 빠져 있나요?
아무것도 없지만, 설명은 존재해야 하며 Discourse의 관점에서 최소 문자 수 이상이어야 합니다.
이 두 링크를 확인해 보세요. 첫 번째 링크의 첫 번째 게시물 끝부분 근처에는 Advanced iFrames에 대한 짧은 글이 있고, 바로 아래에 게시된 이미지 아래에는 Advanced iFrames에 대한 내용이 있습니다.
두 번째 주제(Onebox challenges)의 끝부분 근처에는 시도해 볼 수 있는 흥미로운 것이 있습니다… curl입니다. 해당 게시물에서는 사용할 코드를 제공하며(표시된 URL을 본인의 URL로 교체하면 됩니다).
