Repository navigation
Richer social preview images for notes and case studies #46
Description
Every page's Open Graph image is currently the same text-only card (tools/generate-og-card.py → assets/img/og/<slug>.jpg). On LinkedIn, the main channel for this audience, they all look alike.
Proposal
- Give each card a visual: the note's own diagram, or the P&ID screenshot for the plant case study (
assets/img/work/plant-hmi.jpg). - Add the reading time and a "Note" / "Case study" label.
- Add the
article:published_time,article:authorandarticle:tagmeta tags.
Gotcha
Running make og-cards with a different Pillow version rewrites every existing card byte-for-byte. Regenerate on purpose, or revert the cards you didn't mean to change.
Done when
- Each note and case study has a distinct card.
- LinkedIn Post Inspector shows the new preview for a sample note.
Generated by Claude Code
Generated by Claude Code
Activity
adamshatzkamer commentedon Oct 14, 2026
Implemented in PR #52 — every note and case-study page now gets its own OG card with the page's own diagram/screenshot, a reading-time line and the NOTE/CASE STUDY label; all 13 pages also gained article:published_time / article:author / article:tag meta. Card generation stays deterministic (python3 tools/generate-og-card.py, optionally scoped with --articles ). Verified with scripts/check-seo.py (18 pages OK).