Discourse Open Graph

커스터마이징 플러그인
1

Netwrix 스폰서
:information_source: 요약 Open Graph 데이터를 프로그래매틱하게 업데이트하고 SEO를 강화하세요
:hammer_and_wrench: 저장소 링크 GitHub - discourse/discourse-open-graph · GitHub
:open_book: 설치 가이드 Discourse에 플러그인 설치하는 방법

기능

이 플러그인을 사용하면 Open Graph, Twitter, 제목 및 설명 태그를 오버라이드할 수 있습니다.

구성

이 플러그인은 Open graph overrides라는 단 하나의 설정만 포함되어 있으며, 이 설정을 통해 다음 모달이 열립니다:

이미지는 Open Graph 메타 태그를 구성하기 위한 URL, 제목, 설명 필드가 포함된 "Edit open_graph_overrides" 페이지를 보여주며, 새 항목 추가 및 변경 사항 저장 버튼이 있습니다. (AI 캡션)
이미지는 Open Graph 메타 태그를 구성하기 위한 URL, 제목, 설명 필드가 포함된 "Edit open_graph_overrides" 페이지를 보여주며, 새 항목 추가 및 변경 사항 저장 버튼이 있습니다. (AI 캡션)1380×900 52.2 KB

URL 속성이 있으며, 이는 메타 태그를 오버라이드하기 위해 일치하는 값을 사용합니다 – 이것이 당신의 ID가 됩니다.

Title - title, og:title, twitter:title 태그를 오버라이드합니다. 비어 있으면 원래 값으로 기본 설정됩니다.

Description - description, og:description, twitter:description 태그를 오버라이드합니다. 비어 있으면 원래 값으로 기본 설정됩니다.

설정

설정 및 설정 설명 표를 포함하세요

이름 설명
discourse_open_graph_enabled open graph 플러그인 활성화
open_graph_overrides 오버라이드 편집기
8개의 좋아요
Dynamic Open Graph images for topics?
2

이 기능이 있다는 사실에 정말 설렙니다. 그런데 갑자기 이런 생각이 들었습니다: 이 기능이 토픽에도 적용될까요?

각 토픽에 대해 오픈 그래프 정보를 수동으로 입력해야 하므로, 그렇지 않다고 추측합니다.

그런 다음 이런 생각이 들었습니다: 토픽 설명을 Discourse AI가 토픽을 요약하여 자동 생성하도록 하면 어떨까요?

아마도 Discourse AI Topic Summary 🤖 을 활용할 수 있을 것입니다.

제목은 그대로 두고 설명을 AI 요약으로 설정하는 방식이죠. 그리고 사람들이 편집하기를 원한다면 수정할 수 있도록, 워드프레스의 Yoast와 유사하게 조정 가능하게 만드는 것도 좋을 것 같습니다.

이 부분에 대해 어떤 의견이 있으신가요?

1개의 좋아요
Discourse AI Topic Summary :robot:
3

그렇다고 생각합니다! 하지만 모든 토픽에 대해 오버라이드를 추가해야 할 것입니다.

이것이 AI 토픽 요약(AI Topic Summary) 기능의 일부가 될 수 있을 것 같습니다. 토픽 자체에 AI 요약이 있는 경우 메타데이터 내용을 기반으로 오버라이드할 수 있습니다.

Open Graph 플러그인의 이 스니펫에서 영감을 받은 의사 코드(pseudo-code)입니다:

  register_modifier(:meta_data_content) do |content, property, opts|
    next content if property == :url # url은 오버라이드하지 않습니다
    url = opts[:url]
    override = Topic.find_by_url(url)[:ai_meta_data_override]
    if override
      content = override[property] if override[property] # :title 또는 :description일 수 있습니다
    end
    content
  end
2개의 좋아요
4

여기에 AI를 내장할 필요는 없습니다. 동적 OG 이미지를 만들려면 ?title=Hello+World&date=2025-04-27처럼 토픽에서 URL로 매개변수를 전달할 수 있는 것만 있으면 됩니다.

이것은 {{topic.author.username}}와 같은 템플릿 시스템이 될 수 있으며, 여기서 합리적이라고 생각하는 무엇이든 사용할 수 있습니다.

이를 통해 사용자는 OG 이미지를 생성하는 기존 서비스에 연결하거나, 자신의 서비스를 연결하거나, 1급 지원을 원할 경우 Discourse의 향후 제공 서비스에 연결할 수 있습니다.

1개의 좋아요
5

디스코스에 익숙하지 않은 입장에서, 이 기능은 이미 디스코어 설정에서 사용할 수 있는 것이 아닌가요?

2개의 좋아요
6

이 정도 정밀도로는 regexing이 불가능합니다.

결국에는 이미지를 동적으로 추가할 수 있을 것입니다.

2개의 좋아요
7

아, 알겠습니다. 설정을 오버라이드하고 싶은 구체적인 사용 사례가 있을까요? 예를 들어 포럼에서 링크를 공유할 때, 해당 주제의 외관이 달라 보이길 원하거나 주로 SEO를 염두에 두신 건가요?

2개의 좋아요
8

물론입니다! 아주 좋은 예시로 카테고리 목록 페이지를 들 수 있습니다:

제목과 설명을 모두 더 설명적으로 바꿀 수 있습니다.

또는 소셜 미디어에서 공유할 때 다른 텍스트를 사용하고 싶은 매우 구체적인 주제에 대해서는:

제목과 작은 설명만 포함하도록 변경할 수 있습니다.

2개의 좋아요
9

정말 멋지네요. 일부 기업은 오픈 그래프에 동적으로 추가된 이미지를 활용해 더 매력적으로 보이게 만드는 인상적인 기능을 갖추고 있더라고요. 이 기능이 디스커스 코어에 추가되거나 표준 플러그인으로 제공되길 바랍니다. 잘 만들었네요!

2개의 좋아요
10

네, 제가 사용하는 placid.app 서비스에 이 기능을 연결해서 이미지를 반환받아 사용하도록 하고 싶습니다.

여유가 있을 때 직접 시도해 볼 것 같습니다.

2개의 좋아요