claude again

src/pages/articles/index.astro

@@ -5,6 +5,7 @@ import Page from '../../layouts/Page.astro';
 import {
   absoluteUrl,
   articlePath,
+  buildBreadcrumbTrail,
   getAllTags,
   getPublishedPosts,
   site,
@@ -30,12 +31,26 @@ const blogJsonLd = {
     url: absoluteUrl(articlePath(post)),
   })),
 };
+
+const breadcrumbTrail = buildBreadcrumbTrail({ articles: true });
+const breadcrumbJsonLd = {
+  '@context': 'https://schema.org',
+  '@type': 'BreadcrumbList',
+  itemListElement: breadcrumbTrail.map((crumb, index) => ({
+    '@type': 'ListItem',
+    position: index + 1,
+    name: crumb.name,
+    item: absoluteUrl(crumb.href),
+  })),
+};
+
+const jsonLd = [blogJsonLd, breadcrumbJsonLd];
 ---
 
 <Page
   title="Articles"
   description="Technical articles and notes about projects, systems, AI deployment, graphics, simulations, and tools."
-  jsonLd={blogJsonLd}
+  jsonLd={jsonLd}
 >
   <nav id="tags" class="tag-filter" aria-label="Browse by tag">
     <span>Browse by tag</span>
@@ -46,7 +61,7 @@ const blogJsonLd = {
     years.map((year) => {
       const postsForYear = posts.filter((post) => yearOf(post.data.date) === year);
       return (
-        <section class="archive-year" aria-labelledby={`year-${year}`}>
+        <section class="archive-year">
           <h2 id={`year-${year}`}>{year}</h2>
           <ArticleList posts={postsForYear} showYear={false} />
         </section>