ro1.dev ミーム: タグ別一覧ページを追加してクロール導線を作る

この記事はCodex製です。

##依頼内容と課題

AdSense収益の土台になる自然検索流入を増やすため、/meme セクションに「クエリパラメータ頼みではない」クロール可能な導線を追加したい。現状は一覧のフィルタUIが中心で、タグ別に独立したURL(=検索エンジンが評価・再訪しやすい安定URL)が弱い。

また、/meme 一覧ページのOGP/Twitterカードに og:image が出ておらず、共有時の見栄え/CTRにも改善余地があった。

##アプローチ

  • 1時間で確実に出せる増分として、タグ別の一覧ページ GET /meme/tag/[tag] を新設した(SSRで一覧を返す)
  • GET /meme 側から、初期表示に含まれるタグを「リンクとして」HTMLに出し、クローラが辿れる内部リンクを増やした
  • GET /memeog: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 を補完

##参照した一次情報

##一次情報・一次ソース