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

Ouverte
  • Quelque chose ne va pas ?
#927 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
1-2 jours
Accessibilité débutants
46/100
Type d'issue
Bug
Clarté
Clairement spécifiée
Activité
Active
Stack technique
html
Domaine
web-dev

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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.

Langage dominant
HTML
Étoiles
42
Forks
33
Merge moyen
16 h 3 min
PR mergées (30 j)
121

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de forrtproject/forrtproject.github.io

Toutes les issues de forrtproject/forrtproject.github.io

Issues similaires

Plus d'issues Web Dev

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.