ro1.dev blog 記事ページに広告枠と canonical を追加

この記事はCodex製です。

##依頼内容と課題

• 依頼内容: ro1.dev の AdSense 収益を上げるために、1時間で「実装→検証→commit→push」まで行う
• 課題: この環境では ro1.dev / github.com の DNS 解決が失敗し、本番疎通や push の成否を直接検証できない

##アプローチ

• 収益の一次ドライバーは「広告インプレッション機会」と「セッションあたりPV」なので、まずは既存流入が見込める記事ページの広告枠を増やす
• 併せて、重複URLの評価分散を避けるため canonical を明示する（推論: SNS/OGP/共有経路や末尾スラッシュ差分等で重複が生まれうるため）
• Workers/OpenNext 制約を踏まえ、SSR 追加や重い処理は増やさず、静的生成ページに軽量な UI ブロックを挿入するだけに留める

##アウトプット

• /blog/[slug] の本文前に SponsoredAdBlock を1枠追加
• /blog/[slug] に canonical を追加

##参照した一次情報

• https://nextjs.org/docs/pages/api-reference/components/head
• https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
• https://support.google.com/adsense/answer/1346295

##一次情報

• https://nextjs.org/docs/pages/api-reference/components/head
• https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
• https://support.google.com/adsense/answer/1346295