Add og:image preview cards to docs pages

オープン
#237 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

@adamshatzkamer がすでに取り組んでいます。

2026年10月9日 から。

  • #242 @adamshatzkamer による — オープン

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
66/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
javascript, react
領域
documentation

調査の方向性

Start by locating how the website renders docs pages and sets their page metadata, then identify the existing title and description handling. Add and verify the requested Open Graph and Twitter card metadata, including an image with alt text and 1200x630 dimensions. Check a docs URL with the LinkedIn Post Inspector and X/Twitter card validator; per-page image generation is optional.

索引モデルが issue の本文から書いたものです。

説明

Summary

Docs pages have no og:image, so links shared on LinkedIn, X or Slack show no preview card.

Current behavior

Sharing a docs URL produces a plain link with no image.

Expected behavior

Shared docs links show a preview card with an image, title and description.

Proposed solution

  • Add a default og:image (branded, 1200x630) to all docs pages.
  • Optionally generate per-page images from the page title.
  • Add twitter:card (summary_large_image), og:image:width, og:image:height and og:image:alt.

Acceptance criteria

  • A docs page URL shows a preview card in the LinkedIn Post Inspector and the X/Twitter card validator.
  • Image has alt text and correct dimensions.

Additional context

Found in an audit of gofr.dev AI readiness and discoverability on 2026-10-07.

主要言語
JavaScript
スター
44
フォーク
44
PR マージ指標
30日以内にマージされた PR はありません

環境構築

  • Dockerfile または Docker Compose ファイルあり
  • プルリクエストのテンプレートなし
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

gofr-dev/website のほかの issue

gofr-dev/website の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。