diff --git a/TIPS.md b/TIPS.md index e98cc0a..b7aba50 100644 --- a/TIPS.md +++ b/TIPS.md @@ -33,3 +33,4 @@ Going forward, new tips are pushed automatically by the `mc_survival_tips.py` cr - [Tip #38](tips/2026-07-19-038-admin-audit-log-who-changed-what.md) (2026-07-19) — **admin**: Audit-Log: who changed what - [Tip #39](tips/2026-07-20-039-performance-native-lazy-loading-for-item-icons.md) (2026-07-20) — **performance**: Native lazy-loading for item icons - [Tip #40](tips/2026-07-21-040-i18n-add-english-ui-translation.md) (2026-07-21) — **i18n**: Add English UI translation +- [Tip #41](tips/2026-07-22-041-social-dynamic-og-image-share-previews.md) (2026-07-22) — **social**: Dynamic OG-Image share previews diff --git a/tips/2026-07-22-041-social-dynamic-og-image-share-previews.md b/tips/2026-07-22-041-social-dynamic-og-image-share-previews.md new file mode 100644 index 0000000..0cdb7fc --- /dev/null +++ b/tips/2026-07-22-041-social-dynamic-og-image-share-previews.md @@ -0,0 +1,22 @@ +--- +tip_number: 41 +date: 2026-07-22 +category: social +status: pending +--- + +# Tip #41 — Dynamic OG-Image share previews + +**Date:** 2026-07-22 +**Category:** social +**Source:** MC-Survival Wiki Daily Tip (cron @ 18:00 MESZ) + +## Dynamic OG-Image share previews + +Generate a server-side 1200x630 PNG preview for each recipe URL — item icons, recipe name, the wiki brand — using satori or @vercel/og, and cache it for a week. It solves the dead-link-preview problem where recipe URLs pasted into Discord or Slack show a generic wiki logo and the URL bar, which kills click-through. The signal is share analytics: links with rich previews get measurably more clicks on Discord than plain links, and the recipe URL is already the most-shared asset in the server's community. Caching by recipe-id for 7 days is the right balance — recipes change rarely, but you do not want to serve a stale preview for a renamed item. + +## Implementation tips + +1. Generate OG images server-side: 1200x630 PNG with item icons + recipe name. Use satori or @vercel/og. +2. Cache the PNG by recipe-id — recipes don't change often, cache for 7 days. +3. Add proper og:image, og:title, og:description meta tags on the detail route.