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

Abierto
  • ¿Algo no está bien?
#927 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
1-2 días
Aptitud para principiantes
46/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
html
Área
web-dev

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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.

Lenguaje dominante
HTML
Estrellas
42
Forks
33
Merge medio
17 h 18 min
PR fusionados (30 d)
111

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de forrtproject/forrtproject.github.io

Todos los issues de forrtproject/forrtproject.github.io

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.