fix(website): SEO audit fixes (meta, sitemap, typos, WebP) #22

Merged
eliott merged 1 commit from fix/seo-audit into develop 2026-07-10 10:34:31 +02:00
Owner

SEO audit fixes for the marketing site (no behavioural/UI redesign, copy + assets + meta only).

Changes

  • Homepage <title> now targets "film photography notebook" (hero H1 left unchanged).
  • /changelog added to sitemap.xml; each <loc> is now built via siteUrl() (safe roll-note.com fallback) instead of the prerender placeholder host, plus a prod-build guard that throws if PUBLIC_SITE_URL is unset.
  • Copy typos fixed: proprietary, developed, passion, "your camera", "didn't have".
  • how-it-works step images now carry width/height/loading="lazy" (CLS + lazy-load).
  • Screenshots + og-image converted PNG -> WebP (~60% smaller: og-image 140K->32K), all 18 references repointed, originals removed.
  • Version bumped 0.4.0 -> 0.4.1 (patch: fixes + optimisations).

Verification

  • pnpm run check: 0 errors (2 pre-existing warnings in changelog page, unrelated).
  • pnpm run build: succeeds; prerendered sitemap lists all 13 URLs incl. /changelog; prerendered HTML confirms new title, WebP refs, and image dimensions.

Heads-up

  • The OG image is now WebP. LinkedIn does not render WebP OG previews (Facebook/X/Slack/Discord do). Easy to revert only the OG image to PNG if LinkedIn previews matter.

https://claude.ai/code/session_018Rm9ZqNGRtSw7okhJENr13

SEO audit fixes for the marketing site (no behavioural/UI redesign, copy + assets + meta only). **Changes** - Homepage `<title>` now targets "film photography notebook" (hero H1 left unchanged). - `/changelog` added to `sitemap.xml`; each `<loc>` is now built via `siteUrl()` (safe `roll-note.com` fallback) instead of the prerender placeholder host, plus a prod-build guard that throws if `PUBLIC_SITE_URL` is unset. - Copy typos fixed: proprietary, developed, passion, "your camera", "didn't have". - `how-it-works` step images now carry `width`/`height`/`loading="lazy"` (CLS + lazy-load). - Screenshots + `og-image` converted PNG -> WebP (~60% smaller: og-image 140K->32K), all 18 references repointed, originals removed. - Version bumped 0.4.0 -> 0.4.1 (patch: fixes + optimisations). **Verification** - `pnpm run check`: 0 errors (2 pre-existing warnings in changelog page, unrelated). - `pnpm run build`: succeeds; prerendered sitemap lists all 13 URLs incl. `/changelog`; prerendered HTML confirms new title, WebP refs, and image dimensions. **Heads-up** - The OG image is now WebP. LinkedIn does not render WebP OG previews (Facebook/X/Slack/Discord do). Easy to revert only the OG image to PNG if LinkedIn previews matter. https://claude.ai/code/session_018Rm9ZqNGRtSw7okhJENr13
- homepage <title> now targets "film photography notebook"
- add /changelog to sitemap; build loc via siteUrl() with a prod-build guard when PUBLIC_SITE_URL is unset
- fix copy typos (proprietary, developed, passion, your camera, didn't have)
- add width/height/loading=lazy to how-it-works step images
- convert screenshots + og-image from PNG to WebP (~60% lighter) and repoint all refs
- bump version 0.4.0 -> 0.4.1

Claude-Session: https://claude.ai/code/session_018Rm9ZqNGRtSw7okhJENr13
eliott merged commit f4ca04e599 into develop 2026-07-10 10:34:31 +02:00
eliott deleted branch fix/seo-audit 2026-07-10 10:34:32 +02:00
Sign in to join this conversation.
No reviewers
No labels
run-ci
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
RollNote/rollnote-website!22
No description provided.