chore(blog): add images frontmatter for social preview on existing posts#498
chore(blog): add images frontmatter for social preview on existing posts#498
Conversation
Populate the `images:` field in frontmatter for all blog posts that have at least one raster image, so Open Graph / Twitter Card previews on Telegram, Facebook, LinkedIn, and Slack show a post-specific image instead of the site-default cover. - Page bundles with local images use the first raster file (natural sort). - Plain .md posts use the first external image URL in the body. - SVG-only page bundles are left untouched; Facebook, Twitter, and Telegram don't render SVG in OG previews, so the Hugo site-level default (`img/cozystack-social.png`) is used instead. Signed-off-by: tym83 <6355522@gmail.com>
✅ Deploy Preview for cozystack ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
Caution Review failedThe pull request is closed. ℹ️ Recent review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (38)
📝 WalkthroughWalkthroughAcross 36 blog post files, an Changes
Estimated code review effort🎯 1 (Trivial) | ⏱️ ~5 minutes Poem
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Code review is billed via overage credits. To resume reviews, an organization admin can raise the monthly limit at claude.ai/admin-settings/claude-code.
Once credits are available, reopen this pull request to trigger a review.
There was a problem hiding this comment.
Code Review
This pull request adds an "images" field to the frontmatter of numerous blog post files in the "content/en/blog/" directory. Each entry specifies a URL or local path to a representative image for the post, likely to improve social media previews and SEO. The changes are consistent across all modified files, and I have no feedback to provide.
Summary
Populates the
images:frontmatter field for all existing blog posts that have at least one image, so Open Graph / Twitter Card previews on Telegram, Facebook, LinkedIn, and Slack show a post-specific image instead of the site-default cover.What
content/en/blog/:index.md+ local images): first raster file picked by natural sort, e.g.001_marketplace.png,image1.png,devstats.png..mdposts (e.g. Medium imports): first external image URL from the body, e.g.https://cdn-images-1.medium.com/max/800/....images:unset falls back to the site-level defaultimg/cozystack-social.pngfromhugo.yaml, which is a working preview.opengraph.html/twitter_cards.htmlpartials already consume.Params.imagesout of the box — this PR just feeds them with per-post values.Why
Until now, every blog post shared on social platforms rendered with the same site-default image. For release posts, how-tos, and technical deep-dives this is a missed opportunity: a post-specific preview image drives noticeably higher CTR on Telegram/LinkedIn and makes timelines scannable.
Going forward, new posts with images will include
images:in frontmatter as a standard convention.Preview
After merge, hit the OG debuggers on a couple of permalinks to bust caches on each platform:
@WebpageBot— send the URL to force re-scrapeSummary by CodeRabbit