claude again

src/pages/about.astro

@@ -1,7 +1,7 @@
 ---
 import ArticleList from '../components/ArticleList.astro';
 import Page from '../layouts/Page.astro';
-import { getPublishedPosts, site } from '../lib/site';
+import { absoluteUrl, buildPersonJsonLd, getPublishedPosts, site } from '../lib/site';
 
 const posts = await getPublishedPosts();
 const startingPoints = posts
@@ -9,17 +9,22 @@ const startingPoints = posts
   .sort((a, b) => (a.data.featuredOrder ?? 99) - (b.data.featuredOrder ?? 99))
   .slice(0, 4);
 
-const personJsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'Person',
-  name: site.name,
-  url: site.url,
-  email: `mailto:${site.email}`,
-  sameAs: [site.github, site.linkedin],
+// Canonical Person JSON-LD. Other pages reference this entity by @id.
+const personJsonLd = buildPersonJsonLd({
   jobTitle: 'Software Engineer',
   description:
     'Software engineer with an MSc in Computer Science working on AI/ML systems, web platforms, graphics, simulations, and tools.',
-};
+  knowsAbout: [
+    'Software architecture',
+    'AI/ML systems',
+    'Web platforms',
+    'Computer graphics',
+    'Simulations',
+    'Data visualization',
+  ],
+  image: absoluteUrl('/og-image.jpg'),
+  mainEntityOfPage: absoluteUrl('/about/'),
+});
 ---
 
 <Page
@@ -45,25 +50,37 @@ const personJsonLd = {
     </p>
   </div>
 
-  <section class="about-section facts" aria-labelledby="quick-facts">
+  <section class="about-section facts">
     <h2 id="quick-facts">Quick Facts</h2>
-    <dl>
-      <dt>Focus</dt>
-      <dd>Software systems, AI deployment, architecture, graphics, data visualization</dd>
-      <dt>Education</dt>
-      <dd>MSc in Computer Science</dd>
-      <dt>Contact</dt>
-      <dd><a href={`mailto:${site.email}`}>{site.email}</a></dd>
-      <dt>Links</dt>
-      <dd>
-        <a href={site.cv} rel="noopener">CV</a>,
-        <a href={site.github} rel="noopener me">GitHub</a>,
-        <a href={site.linkedin} rel="noopener me">LinkedIn</a>
-      </dd>
-    </dl>
+    <address>
+      <dl>
+        <div>
+          <dt>Focus</dt>
+          <dd>
+            Software systems, AI deployment, architecture, graphics, data visualization
+          </dd>
+        </div>
+        <div>
+          <dt>Education</dt>
+          <dd>MSc in Computer Science</dd>
+        </div>
+        <div>
+          <dt>Contact</dt>
+          <dd><a href={`mailto:${site.email}`}>{site.email}</a></dd>
+        </div>
+        <div>
+          <dt>Links</dt>
+          <dd>
+            <a href={site.cv} rel="noopener">CV</a>,
+            <a href={site.github} rel="noopener me">GitHub</a>,
+            <a href={site.linkedin} rel="noopener me">LinkedIn</a>
+          </dd>
+        </div>
+      </dl>
+    </address>
   </section>
 
-  <section class="about-section" aria-labelledby="best-starting-points">
+  <section class="about-section">
     <div class="section-heading">
       <h2 id="best-starting-points">Best Starting Points</h2>
       <a href="/articles/">Browse all articles →</a>
@@ -71,7 +88,7 @@ const personJsonLd = {
     <ArticleList posts={startingPoints} />
   </section>
 
-  <section class="about-section facts" aria-labelledby="working-style">
+  <section class="about-section facts">
     <h2 id="working-style">How I Work</h2>
     <div class="prose">
       <p>