Pagefindのインデックスを最適化する

Pagefindはデフォルトでページ全体をインデックスするが、フッターやナビゲーションなども含まれてしまうとノイズになる。これを防ぐための属性が data-pagefind-body と data-pagefind-ignore だ。

検索対象にしたいメインコンテンツのエレメントに付与する。通常は <article> や <main> タグ。

<main data-pagefind-body>
  <h1>記事タイトル</h1>
  <!-- コンテンツ -->
</main>

これだけで、ヘッダーやサイドバーなどは検索対象から外れ、インデックスサイズも小さくなる。

記事内の「あわせて読みたい」などの自動挿入セクションを除外したい場合に使う。

<aside data-pagefind-ignore>
  <h3>関連記事</h3>
  <!-- ... -->
</aside>

細かいチューニングだが、検索結果の質（Relevance）が大きく向上する。 Pagefindを使うなら必須の設定。