投稿日: 2026年2月9日
Next.js で OGP と RSS を整備する
ブログ運用で後回しにしがちな OGP と RSS を、App Router で最初から整備する方法を整理します。
OGP の設計
記事ごとに opengraph-image ルートを用意し、タイトルと説明を画像に焼き込む構成にします。
動的生成の利点
- 記事追加時に画像を手動作成しなくて良い
- 見た目の統一感が出る
- locale ごとに表記を変えやすい
RSS の設計
/rss.xml を Route Handler で生成し、公開記事のみ配信します。
含める要素
- title
- link / guid
- description
- pubDate
失敗しやすい点
draft: true の記事をフィードから除外し忘れると、未公開記事が配信されるため要注意です。