RSSフィードは<head>タグだけでは発見されない

Next.jsサイトに <link rel="alternate" type="application/rss+xml"> を設定していたが、RSSフィードの存在に気づくユーザーはほぼいなかった。

<head> 内の <link rel="alternate"> はフィードリーダーの自動検出用であり、ブラウザのUIには表示されない。モダンブラウザはRSSの自動検出バーを廃止しており、ユーザーが能動的にフィードURLを探す必要がある。

解決策はシンプルで、フッターに視覚的な導線を2つ追加した。

{/* ソーシャルアイコン群にRSSアイコンを追加 */}
<a href={`/${locale}/feed.xml`} aria-label="RSS Feed">
  <svg viewBox="0 0 24 24" stroke="currentColor" strokeWidth="2" fill="none">
    <path d="M4 11a9 9 0 0 1 9 9" />
    <path d="M4 4a16 16 0 0 1 16 16" />
    <circle cx="5" cy="19" r="1" />
  </svg>
</a>
 
{/* テキストリンクとしても追加 */}
<a href={`/${locale}/feed.xml`}>RSS</a>

<head> タグ（機械向け）とUI上のリンク（人間向け）の両方を用意するのがRSSディスカバリのベストプラクティスである。