Writing
Notes on link previews and the caches behind them, from building a renderer for them.
Open Graph images in Next.js without building them yourself
Add a correct og:image to every page of a Next.js App Router site with generateMetadata and one URL, including dynamic routes, without a renderer of your own.
· 4 min read
Open Graph images for every Astro page, from one layout
Give every page of an Astro site its own og:image by adding one tag to your base layout. You don't need an image pipeline or a build step, and it works with static and server output.
· 3 min read
Automatic Open Graph images in WordPress
Give every WordPress post and page a proper social card without designing one each time: a free plugin, a few lines in functions.php, or a Yoast SEO filter.
· 4 min read
Dynamic Open Graph images for Webflow CMS pages
Give every Webflow CMS item its own social card without uploading an image per item: one line of custom head code on the collection template.
· 3 min read
Why your og:image won't update, and what actually clears it
You changed the card and reshared the link, and it's still the old image. Two caches are involved, and almost every explanation online mixes them up. This covers how to tell which one you're hitting and what clears each.
· 7 min read