feat: add Schema.org structured data, rel=me, author meta, and <main> landmark for GEO/AEO

Author: jonathanau

index.html

@@ -10,7 +10,8 @@
 
     <!-- Primary Meta Tags -->
     <meta name="description"
-        content="Personal portfolio of Jonathan Au, featuring projects in AI search optimization, software engineering, product management, and machine learning.">
+        content="Jonathan Au is a product strategist and AI practitioner with 20 years of experience at Amazon, Microsoft, and Salesforce, specializing in generative AI, recommendation systems, and AI search optimization.">
+    <meta name="author" content="Jonathan Au">
     <meta name="theme-color" content="#0a0a0f">
     <link rel="canonical" href="https://jonathanau.onrender.com/">
 
@@ -37,6 +38,102 @@
         href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@300;400;600;800&display=swap"
         rel="stylesheet">
 
+    <!-- Schema.org JSON-LD -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Person",
+      "name": "Jonathan Au",
+      "jobTitle": "Product Strategy & AI",
+      "description": "Product strategist with two decades of experience transforming complex technical problems into consumer products. Specializes in applied AI/ML, generative AI, and gaming personalization.",
+      "url": "https://jonathanau.onrender.com/",
+      "sameAs": [
+        "https://www.linkedin.com/in/jonathanau/",
+        "https://github.com/jonathanau"
+      ],
+      "worksFor": {
+        "@type": "Organization",
+        "name": "Amazon"
+      },
+      "alumniOf": [
+        { "@type": "Organization", "name": "Microsoft" },
+        { "@type": "Organization", "name": "Salesforce" },
+        { "@type": "Organization", "name": "Expedia" },
+        { "@type": "Organization", "name": "Hulu" }
+      ],
+      "knowsAbout": [
+        "Product Strategy",
+        "Generative AI",
+        "Machine Learning",
+        "Recommendation Systems",
+        "AI Search Optimization",
+        "Cloud Gaming"
+      ],
+      "image": "https://jonathanau.onrender.com/assets/img/profile_photo.jpg"
+    }
+    </script>
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "ItemList",
+      "itemListElement": [
+        {
+          "@type": "ListItem",
+          "position": 1,
+          "item": {
+            "@type": "SoftwareApplication",
+            "name": "Lumenyl AI Search Intelligence",
+            "applicationCategory": "DeveloperApplication",
+            "description": "A dependency-free Node.js web app for benchmarking a website's readiness for frontier AI answer engines. Evaluates whether ChatGPT, Claude, Perplexity, Gemini / Google AI Overviews, and Microsoft Copilot can discover, understand, trust, extract, and cite a page.",
+            "url": "https://lumenyl.onrender.com/",
+            "codeRepository": "https://github.com/jonathanau/ai-search-optimizer"
+          }
+        },
+        {
+          "@type": "ListItem",
+          "position": 2,
+          "item": {
+            "@type": "SoftwareApplication",
+            "name": "Two-Tower Video Recommender",
+            "applicationCategory": "DeveloperApplication",
+            "description": "A minimalist, research-oriented PyTorch implementation of a two-tower retrieval model for video recommendations. Features sequential user modeling via Transformer encoders, MovieLens genre embeddings, and ANN retrieval using HNSW for fast top-k recommendation.",
+            "codeRepository": "https://github.com/jonathanau/two-tower-video-recsys"
+          }
+        },
+        {
+          "@type": "ListItem",
+          "position": 3,
+          "item": {
+            "@type": "SoftwareApplication",
+            "name": "PM Project Brain",
+            "applicationCategory": "DeveloperApplication",
+            "description": "An open-source, reusable prompt framework that helps product managers establish a persistent 'project brain' for AI coding assistants. Streamlines context loading across tools like Claude, Copilot, Cursor, and Antigravity.",
+            "codeRepository": "https://github.com/jonathanau/pm-project-brain"
+          }
+        },
+        {
+          "@type": "ListItem",
+          "position": 4,
+          "item": {
+            "@type": "SoftwareApplication",
+            "name": "Mobile-Optimized Snake",
+            "applicationCategory": "GameApplication",
+            "description": "A fully responsive, touch-friendly modern implementation of the classic Snake game. Engineered specifically for seamless play on mobile devices as well as desktop browsers with an intuitive control scheme.",
+            "url": "https://thesnakegame.onrender.com/"
+          }
+        }
+      ]
+    }
+    </script>
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "WebSite",
+      "name": "Jonathan Au | Product Strategy & AI",
+      "url": "https://jonathanau.onrender.com/"
+    }
+    </script>
+
     <!-- CSS -->
     <link rel="stylesheet" href="./assets/css/index.css">
 
@@ -59,7 +156,7 @@
                 <a href="#about" class="nav-link">About</a>
                 <a href="#experience" class="nav-link">Experience</a>
                 <a href="#projects" class="nav-link">Projects</a>
-                <a href="https://www.linkedin.com/in/jonathanau/" target="_blank" rel="noopener noreferrer"
+                <a href="https://www.linkedin.com/in/jonathanau/" target="_blank" rel="noopener noreferrer me"
                     class="nav-btn">LinkedIn <i class="ph ph-arrow-up-right"></i></a>
             </div>
             <button class="menu-toggle" aria-label="Toggle Menu">
@@ -73,12 +170,13 @@
         <a href="#about" class="mobile-link">About</a>
         <a href="#experience" class="mobile-link">Experience</a>
         <a href="#projects" class="mobile-link">Projects</a>
-        <a href="https://www.linkedin.com/in/jonathanau/" target="_blank" rel="noopener noreferrer"
+        <a href="https://www.linkedin.com/in/jonathanau/" target="_blank" rel="noopener noreferrer me"
             class="mobile-link">LinkedIn</a>
     </div>
 
     <!-- Hero Section -->
-    <header class="hero" id="home">
+    <main>
+        <header class="hero" id="home">
         <div class="hero-content reveal">
             <div class="hero-badge">Welcome to my portfolio</div>
             <h1 class="hero-title">
@@ -320,13 +418,14 @@ <h3 class="project-title">
             </div>
         </div>
     </section>
+    </main>
 
     <!-- Footer -->
     <footer class="footer">
         <div class="footer-content">
             <p>Designed and built by Jonathan Au.</p>
             <div class="footer-links">
-                <a href="https://www.linkedin.com/in/jonathanau/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
+                <a href="https://www.linkedin.com/in/jonathanau/" target="_blank" rel="noopener noreferrer me">LinkedIn</a>
             </div>
         </div>
     </footer>