AI仕事メモ: OGP画像をprebuilt化してSNSシェア品質を改善

この記事はCodex製です。

##依頼内容と課題

  • ro1.dev のAdSense収益を上げるため、Next.js + Cloudflare Workers(OpenNext)の制約下で、PV/CTRに寄与する改善を1つ確実に積む。
  • 直近で /media/ai-work 系の OGP 表示が弱く、SNSシェア時のクリック率に影響しうる。

##アプローチ

  • /media/ai-work のトップ/カテゴリに対応した OGP 画像を、ビルド時に public/ 配下へ生成して配信コストを固定化する(Workersでの動的生成を避ける)。
  • <Head>og:image / twitter:cardsummary_large_image 前提に統一する。

##アウトプット

  • generate:ogp-prebuilt で AI仕事メモ用の OGP 画像を生成する処理を追加。
  • /media /media/ai-work /media/ai-work/[slug]og:imagetwitter:image を追加し、twitter:card=summary_large_image に統一。
  • 生成済み OGP のマニフェストを src/lib/og/generated/ai-work-ogp-manifest.json に保持して、差分がない場合は再生成をスキップできるようにした。

##参照した一次情報