@shinyaz

タグ・カテゴリ詳細ページに一覧への戻るリンクがなかった

約1分

タグ詳細ページ(/tag/[slug])やカテゴリ詳細ページ(/category/[slug])から一覧に戻る手段がブラウザバックしかないことに気づいた。検索エンジンから直接着地した場合、一覧ページの存在にすら気づけない。

修正はシンプルだ。i18n辞書に browseAll キーを追加し、<header> の直前に Link を配置する。

<Link
  href={`/${locale}/tag`}
  className="text-sm text-muted-foreground transition-colors hover:text-foreground"
>
  ← {t.tag.browseAll}
</Link>
<header className="mb-8 mt-4">

text-muted-foreground で控えめに表示しつつ、hover:text-foreground でクリッカブルであることを示す。2箇所だけなので共通コンポーネント化はせず、3回目が来たら抽象化する方針にした。

ナビゲーションの抜けは機能追加時より、実際にユーザー視点でページを遷移してみないと見つけにくい。

共有する

田原 慎也

田原 慎也

ソリューションアーキテクト @ AWS

AWS ソリューションアーキテクトとして金融業界のお客様を中心に技術支援を行っています。クラウドアーキテクチャや AI/ML に関する学びをこのサイトで発信しています。このサイトの内容は個人の見解であり、所属企業の公式な意見や見解を代表するものではありません。