안녕하세요!
트위터와 링크드인에 링크를 게시할 때 이미지를 생성하는 데 문제가 있습니다. 대신 아래 이미지가 표시됩니다. 메타데이터에 로고를 설정해 두었지만, 해당 이미지가 표시되지 않습니다. 원하는 이미지가 보이도록 어떻게 수정해야 하나요?
도움 부탁드립니다!
여기서는 작동합니다 - 이것이 예상하신 이미지인가요?
자, 문제는 Discourse의 주제 내 이미지 링크 미리보기가 아닙니다.
그럼 트위터/링크드인 같은 플랫폼에서 포럼 링크가 어떻게 표시되는 건가요?
그렇습니다! 하지만 트위터나 LinkedIn에 표시되는 이미지는 아닙니다.
맞아요 - 트위터와 링크드인에서는 표시되지 않습니다.
opengraph tester를 통해 모든 것이 정상적으로 설정되어 있음을 확인할 수 있습니다:
<!-- HTML Meta Tags -->
<title>Zoo Community Forum</title>
<meta name="description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://community.zoo.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="Zoo Community Forum">
<meta property="og:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta property="og:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="community.zoo.dev">
<meta property="twitter:url" content="https://community.zoo.dev">
<meta name="twitter:title" content="Zoo Community Forum">
<meta name="twitter:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta name="twitter:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
그리고 트위터와 링크드인에서 다음과 같은 결과가 표시되기를 기대합니다:
문제는 Discourse가 반환하는 데이터에 있는 것으로 보이지 않습니다.
물론, 트위터/링크드인이 이 데이터를 실제로 수신한다는 전제 하에 그렇습니다.
제 추측에 따르면, 문제는 사이트 크롤링을 통해 미리보기를 생성하기 위해 트위터/링크드인이 보내는 요청을 Cloudflare이 차단하고 있기 때문일 것입니다.
아, 그렇군요 - 제 쪽에서 더 할 수 있는 일이 없는 것 같네요?
도와주셔서 감사합니다!
Discourse 쪽에서는 아닐 것 같습니다.
다음 단계는 이 가설을 테스트해 보는 것입니다.
Cloudflare 가이드를 따랐는지 확인해 주세요.
Cloudflare를 일시적으로 비활성화하면 도움이 될 수 있지만, Twitter/LinkedIn이 결과를 캐시하고 있을 수 있으므로 즉각적인 효과가 없을 수 있습니다.
접근 로그(access logs)에 더 많은 정보가 있을 수 있습니다.
이 문제에 대해 Cloudflare 커뮤니티에 게시물을 올리는 것이 도움이 될 수 있습니다.
참고로 https://community.cloudflare.com/ 은 Twitter/LinkedIn에서 정상적으로 표시되는 것으로 보아, 이들은 이 문제를 해결한 것으로 보입니다.