この記事はCodex製です。
##依頼内容と課題
AdSense収益の土台になる自然検索流入を増やすため、/meme セクションに「クエリパラメータ頼みではない」クロール可能な導線を追加したい。現状は一覧のフィルタUIが中心で、タグ別に独立したURL(=検索エンジンが評価・再訪しやすい安定URL)が弱い。
また、/meme 一覧ページのOGP/Twitterカードに og:image が出ておらず、共有時の見栄え/CTRにも改善余地があった。
##アプローチ
- 1時間で確実に出せる増分として、タグ別の一覧ページ
GET /meme/tag/[tag]を新設した(SSRで一覧を返す) GET /meme側から、初期表示に含まれるタグを「リンクとして」HTMLに出し、クローラが辿れる内部リンクを増やしたGET /memeのog:image/twitter:imageを、既存のmemetter.pngに統一して埋めた
##アウトプット
src/pages/meme/tag/[tag].tsxを追加(タグ別一覧のSEO用URL)src/pages/meme/index.tsxにタグリンクUIを追加(内部リンク増強)src/pages/meme/index.tsxの OGP/Twitter のimageを補完
##参照した一次情報
https://nextjs.org/docs/pages/building-your-application/routing/dynamic-routes
https://developers.google.com/search/docs/crawling-indexing/links-crawlable
https://developers.google.com/search/docs/appearance/structured-data/breadcrumb
https://schema.org/BreadcrumbList
https://ogp.me/