Page-specific WebP share images give no link preview on X/LinkedIn

オープン
  • 何か問題がありますか？
#927 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
1〜2日
初心者へのやさしさ
46/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
html
領域
web-dev

調査の方向性

Read layouts/partials/site_head.html and inspect how it selects share images for page bundles and assets/; review Hugo image processing with .Process "fill 1200x630 jpg". After #922 merges, update the Open Graph and Twitter image metadata and check scripts/webp_conversion/check_images_in_pr.py and check_seo_html.py. Done means all affected pages emit PNG or JPEG previews with matching dimensions and type, and the SEO check passes.

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

説明

enhancement new website

Problem

X and LinkedIn do not render WebP link previews. #922 replaces the site-wide default share image with a PNG, but 37 pages set their own WebP share image. Links to those pages will still show no preview image on X or LinkedIn. (From a build of main on 2026-10-28.)

Most are page-bundle featured.webp images (24 Educators' Corner posts and 5 Pedagogies pages). The others are section images: /adopting/ (ape.webp), /awop/, /citation-politics/ and /citation-politics/toolkit/, /clusters/, /impact/, /just_os_chatbot/, /replication-hub/ and /teaching_os/.

Full list 
adopting/index.html https://forrt.org/img/ape.webp
awop/index.html https://forrt.org/awop/AWOP.webp
citation-politics/index.html https://forrt.org/img/citation-politics-toolkit.webp
citation-politics/toolkit/index.html https://forrt.org/img/citation-politics-toolkit.webp
clusters/index.html https://forrt.org/clusters/FORRT_Clusters.webp
educators-corner/001-representation-heatherurry/index.html https://forrt.org/educators-corner/001-representation-heatherurry/featured.webp
educators-corner/002-transparencychecklist-balazsaczel/index.html https://forrt.org/educators-corner/002-transparencychecklist-balazsaczel/featured.webp
educators-corner/003-developing-tools/index.html https://forrt.org/educators-corner/003-developing-tools/featured.webp
educators-corner/004-teaching-why-how-replication/index.html https://forrt.org/educators-corner/004-teaching-why-how-replication/featured.webp
educators-corner/005-remote-teaching-platform/index.html https://forrt.org/educators-corner/005-remote-teaching-platform/featured.webp
educators-corner/006-qualitative-os-practices/index.html https://forrt.org/educators-corner/006-qualitative-os-practices/featured.webp
educators-corner/007-easy-steps-to-elevate-your-mentoring/index.html https://forrt.org/educators-corner/007-easy-steps-to-elevate-your-mentoring/featured.webp
educators-corner/008-open-research-toolkit/index.html https://forrt.org/educators-corner/008-open-research-toolkit/featured.webp
educators-corner/009-papor-trail/index.html https://forrt.org/educators-corner/009-papor-trail/featured.webp
educators-corner/010-neurodiversity/index.html https://forrt.org/educators-corner/010-neurodiversity/featured.webp
educators-corner/011-intersectionality-open-science/index.html https://forrt.org/educators-corner/011-intersectionality-open-science/featured.webp
educators-corner/012-lessons-from-non-academic-jobs/index.html https://forrt.org/educators-corner/012-lessons-from-non-academic-jobs/featured.webp
educators-corner/013-introducing-nowhere-lab/index.html https://forrt.org/educators-corner/013-introducing-nowhere-lab/featured.webp
educators-corner/014-students-guide-to-open-science/index.html https://forrt.org/educators-corner/014-students-guide-to-open-science/featured.webp
educators-corner/015-academic-jobs-us-vs-uk/index.html https://forrt.org/educators-corner/015-academic-jobs-us-vs-uk/featured.webp
educators-corner/016-reviewer-zero/index.html https://forrt.org/educators-corner/016-reviewer-zero/featured.webp
educators-corner/017-teaching-os-to-undergraduates/index.html https://forrt.org/educators-corner/017-teaching-os-to-undergraduates/featured.webp
educators-corner/018-accessible-feedback-in-research/index.html https://forrt.org/educators-corner/018-accessible-feedback-in-research/featured.webp
educators-corner/020-community-augmented-meta-analyses-in-education/index.html https://forrt.org/educators-corner/020-community-augmented-meta-analyses-in-education/featured.webp
educators-corner/021-lmu-forrt-train-the-trainer-program-press-release/index.html https://forrt.org/educators-corner/021-lmu-forrt-train-the-trainer-program-press-release/featured.webp
educators-corner/022-repro-metrics-forrt-irise/index.html https://forrt.org/educators-corner/022-repro-metrics-forrt-irise/featured.webp
educators-corner/023-forward-a-unesco-decade-of-science-programme/index.html https://forrt.org/educators-corner/023-forward-a-unesco-decade-of-science-programme/featured.webp
educators-corner/024-meaningful_results_for_meaningful_hypotheses/index.html https://forrt.org/educators-corner/024-meaningful_results_for_meaningful_hypotheses/featured.webp
impact/index.html https://forrt.org/impact/impacts-map.webp
just_os_chatbot/index.html https://forrt.org/img/just_os_icon.webp
pedagogies/001-julia-strand/index.html https://forrt.org/pedagogies/001-julia-strand/featured.webp
pedagogies/002-gilad-feldman/index.html https://forrt.org/pedagogies/002-gilad-feldman/featured.webp
pedagogies/003-crep/index.html https://forrt.org/pedagogies/003-crep/featured.webp
pedagogies/004-thomas-rhys-evans/index.html https://forrt.org/pedagogies/004-thomas-rhys-evans/featured.webp
pedagogies/index.html https://forrt.org/pedagogies/featured.webp
replication-hub/index.html https://forrt.org/replication-hub/replication_hub.webp
teaching_os/index.html https://forrt.org/teaching_os/PostEdu1.webp

Proposed fix

Convert at build time instead of committing PNG/JPG copies, since the PR image check (scripts/webp_conversion/check_images_in_pr.py) rejects PNG/JPG files. In layouts/partials/site_head.html, when the share image is a Hugo resource (page bundle or assets/), emit og:image/twitter:image from .Process "fill 1200x630 jpg", with matching width, height and type. Images in static/ are not resources: they would need moving to assets/, or a front-matter override pointing to a PNG.

Do this after #922 merges, because it changes the same lines. #922's report-only list in check_seo_html.py (pages whose share image is not PNG/JPEG) can become a hard check once the list is empty.

主要言語
HTML
スター
42
フォーク
33
平均マージ
17時間 18分
マージ済み PR（30日）
111

環境構築

はじめの一歩

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

forrtproject/forrtproject.github.io のほかの issue

forrtproject/forrtproject.github.io の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

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

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