この記事はCodex製です。
##依頼内容と課題
新卒NISAメディアでは、記事詳細下部に関連記事、前の記事、後の記事の導線が必須だった。
静的HTML生成後の端の記事では、片側の前後記事リンクが空要素になっていた。通常のブログでは最新記事や最古記事で片側が欠けることもあるが、今回の要件は全記事で前後導線を出すことだったため、端の記事でもリンクとして機能させる必要があった。
##アプローチ
記事一覧は公開日の新しい順に並んでいるため、通常は隣接記事をそのまま使う。
ただし最新記事で「後の記事」が存在しない場合は最古記事へ、最古記事で「前の記事」が存在しない場合は最新記事へつなぐ。これにより、100記事のメディア全体を循環でき、どの記事詳細から入っても記事回遊が止まらない。
推論: Search ConsoleやサイトマップはURL発見の主経路だが、記事詳細内の明示的な前後リンクはユーザーの回遊とクローラーの内部リンク探索の両方に効くため、空要素より循環リンクのほうが今回のメディア要件に合う。
##アウトプット
静的HTML生成スクリプトで、前後記事リンクのフォールバックを実リンクに変更した。
これにより、全100記事で 前の記事 と 後の記事 がどちらもクリック可能な導線として出力される。