Discourse Events

커스터마이징 플러그인
, ,
611

Discourse Calendar / Events의 Upcoming Events 라우트는 초기 서버 렌더링 HTML 응답에서 모든 Open Graph 및 Twitter-card 메타데이터를 제외하는 것으로 보입니다.

이 문제는 일반 페이지가 소셜 메타데이터를 올바르게 출력하고 유효한 사이트 OpenGraph 이미지가 구성된 호스팅된 Discourse 사이트에서 재현됩니다.

영향을 받는 라우트 예시:

https://www.mbacommons.com/upcoming-events/month/2026/8/1

재현 단계

  1. 유효한 사이트 OpenGraph 이미지를 구성합니다.
  2. 홈페이지 또는 일반 토픽이 원본 HTML에서 일반적인 Open Graph 메타데이터를 출력하는지 확인합니다.
  3. /upcoming-events/month/2026/8/1을 엽니다.
  4. JavaScript 적용 후 DOM이 아닌 원본 view-source: / 초기 서버 응답을 검사합니다.

실제 결과

Upcoming Events 라우트는 HTTP 200을 반환하지만, 원본 HTML에는 다음이 포함되어 있지 않습니다:

  • og:image
  • og:title
  • og:description
  • og:url
  • twitter:card
  • twitter:image

LinkedInBot/1.0을 사용하여 테스트해 보았지만 결과는 동일했습니다.

같은 사이트에서 수행한 원본 HTML 프로덕션 감사 결과:

  • 홈페이지: 소셜 메타데이터 태그 11개
  • 일반 토픽: 14개
  • Upcoming Events: 0개

홈페이지와 일반 토픽은 구성된 사이트 OpenGraph 이미지를 올바르게 사용하므로, 사이트 레벨 브랜딩 구성 자체는 정상적으로 작동하고 있습니다.

예상 결과

Upcoming Events 라우트는 크롤러가 볼 수 있는 서버 렌더링 소셜 메타데이터를 출력해야 하며, 최소한 다음을 포함해야 합니다:

  • og:title
  • og:description
  • og:url
  • og:image (구성된 사이트 OpenGraph 이미지로 폴백)
  • 해당되는 Twitter-card 메타데이터

LinkedIn과 유사한 소셜 크롤러는 클라이언트 측 테마 JavaScript에 의존할 수 없으므로, 이는 초기 HTML에 포함되어야 합니다.

LinkedIn Post Inspector는 현재 다음과 같이 보고합니다:

LinkedIn에서 콘텐츠의 이미지를 제어하려면 페이지에 og:image 태그를 추가하십시오.

글로벌 테마의 head_tag 주입은 적절하지 않은 것으로 보입니다. 일반 페이지에는 이미 올바른 메타데이터가 있으며, 이를 사용하면 중복/충돌하는 태그가 생성될 수 있기 때문입니다. 이는 Upcoming Events에 대한 라우트 인식 서버 측 처리 또는 Discourse의 일반 소셜 메타데이터 렌더링 경로 사용이 필요한 것으로 보입니다.

2개의 좋아요