SEO improvmenets

Author: aaronstatic

src/app/about/page.tsx

@@ -4,7 +4,11 @@ import { Content } from '@/lib/types/Content';
 import React, { use } from 'react';
 
 export const metadata = {
-    title: 'Aaron Static - About'
+    title: 'Aaron Static - About',
+    description: 'About Aaron Static — Australian music artist and app developer. Biography, background, and influences behind his Ambient, Liquid Drum & Bass, Organic House, and Future Garage productions.',
+    alternates: {
+        canonical: '/about',
+    },
 }
 
 export default function About() {
@@ -14,6 +18,7 @@ export default function About() {
     let photoAlign = "float-end";
     return (
         <main className="">
+            <h1 className="text-center p-2 mt-4 display-6">Aaron Static</h1>
             <div className="row justify-content-center">
                 <div className="col-lg-7 col-md-8 col-12">
                     {bio && bio.paragraphs.map((paragraph: string, i: number): React.ReactNode => {

src/app/contact/page.tsx

@@ -2,7 +2,11 @@ import React from 'react';
 import ContactForm from './ContactForm';
 
 export const metadata = {
-    title: 'Aaron Static - Contact'
+    title: 'Aaron Static - Contact',
+    description: 'Get in touch with Aaron Static for bookings, collaborations, licensing, and inquiries.',
+    alternates: {
+        canonical: '/contact',
+    },
 }
 
 export default function Contact() {

src/app/layout.tsx

@@ -14,7 +14,10 @@ export const metadata = {
   icons: {
     icon: '/img/icon.png'
   },
-  metadataBase: new URL('http://aaronstatic.com'),
+  metadataBase: new URL('https://aaronstatic.com'),
+  alternates: {
+    canonical: '/',
+  },
   keywords: ['music', 'artist', 'app developer', 'ambient', 'liquid', 'drum & bass', 'organic house', 'house', 'future garage', 'code'],
   openGraph: {
     title: "Aaron Static",

src/app/mixes/page.tsx

@@ -5,7 +5,11 @@ import Mix from '@/lib/types/Mix';
 import { use } from 'react';
 
 export const metadata = {
-    title: 'Aaron Static - Mixes'
+    title: 'Aaron Static - Mixes',
+    description: 'DJ mixes and sets by Aaron Static. Liquid Drum & Bass, Organic House, Future Garage, and Ambient mixes streamable online.',
+    alternates: {
+        canonical: '/mixes',
+    },
 }
 
 export default function Mixes() {

src/app/music/[name]/page.tsx

@@ -2,6 +2,7 @@ import { notFound } from 'next/navigation';
 import Link from 'next/link';
 import { getReleaseByName } from '@/lib/mongodb';
 import { Review } from '@/lib/types/Release';
+import { releaseSlug } from '@/lib/slug';
 
 // Helper function to convert milliseconds to minutes:seconds format
 function msToMinutesSeconds(ms: number): string {
@@ -72,6 +73,9 @@ export async function generateMetadata({ params }: { params: tParams }) {
             description: release.description?.[0] || 'Music by Aaron Static',
             images: release.images?.[0]?.url ? [{ url: release.images[0].url }] : [],
         },
+        alternates: {
+            canonical: `/music/${releaseSlug(release.name)}`,
+        },
     };
 }
 
@@ -132,8 +136,49 @@ export default async function Release({ params }: { params: tParams }) {
 
     const externalUrls = release.external_urls || {};
 
+    const canonicalUrl = `https://aaronstatic.com/music/${releaseSlug(release.name)}`;
+
+    const artistsList = release.artists && Array.isArray(release.artists) && release.artists.length > 0
+        ? release.artists.map((a: any) => ({
+            "@type": "MusicGroup",
+            name: a.name,
+            ...(a.external_urls?.spotify ? { url: a.external_urls.spotify } : {})
+        }))
+        : [{ "@type": "MusicGroup", name: "Aaron Static", url: "https://aaronstatic.com" }];
+
+    const tracksList = release.tracks && Array.isArray(release.tracks)
+        ? release.tracks.map((t: any, i: number) => ({
+            "@type": "MusicRecording",
+            name: t.name,
+            ...(typeof t.duration_ms === 'number' && t.duration_ms > 0 ? { duration: `PT${Math.floor(t.duration_ms / 60000)}M${Math.floor((t.duration_ms % 60000) / 1000)}S` } : {}),
+            position: i + 1,
+            byArtist: t.artists && Array.isArray(t.artists) && t.artists.length > 0
+                ? t.artists.map((a: any) => ({ "@type": "MusicGroup", name: a.name }))
+                : artistsList,
+        }))
+        : undefined;
+
+    const schema: Record<string, any> = {
+        "@context": "https://schema.org",
+        "@type": "MusicAlbum",
+        name: release.name,
+        url: canonicalUrl,
+        byArtist: artistsList.length === 1 ? artistsList[0] : artistsList,
+        ...(release.images?.[0]?.url ? { image: release.images[0].url } : {}),
+        ...(release.release_date ? { datePublished: release.release_date } : {}),
+        ...(release.label ? { recordLabel: { "@type": "Organization", name: release.label } } : {}),
+        ...(release.genres && release.genres.length > 0 ? { genre: release.genres } : {}),
+        ...(release.description && release.description.length > 0 ? { description: release.description.join(' ') } : {}),
+        ...(typeof release.tracks?.length === 'number' ? { numTracks: release.tracks.length } : {}),
+        ...(tracksList ? { track: tracksList } : {}),
+    };
+
     return (
         <main className="">
+            <script
+                type="application/ld+json"
+                dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
+            />
             <h1 className="text-center display-6">{releaseTitle}</h1>
             <div className="row justify-content-center">
                 <div className="col-lg-3 col-md-7 col-12">

src/app/music/page.tsx

@@ -5,7 +5,11 @@ import Release from '@/lib/types/Release';
 import { use } from 'react';
 
 export const metadata = {
-    title: 'Aaron Static - Music'
+    title: 'Aaron Static - Music',
+    description: 'Discography of Aaron Static — albums, singles, and appearances across Ambient, Liquid Drum & Bass, Organic House, and Future Garage.',
+    alternates: {
+        canonical: '/music',
+    },
 }
 
 export default function Music() {

src/app/page.tsx

@@ -10,13 +10,38 @@ export default function Home() {
   const mixes: Mix[] = use(getMixes(6));
   return (
     <main className="">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify({
+          "@context": "https://schema.org",
+          "@type": ["Person", "MusicGroup"],
+          "name": "Aaron Static",
+          "url": "https://aaronstatic.com",
+          "image": "https://aaronstatic.com/img/social-preview.jpg",
+          "nationality": "Australian",
+          "jobTitle": "Music Artist and App Developer",
+          "description": "Australian-based music artist and app developer producing Ambient, Liquid Drum & Bass, Organic House, Future Garage, and code to help people write music.",
+          "genre": ["Ambient", "Liquid Drum & Bass", "Organic House", "Future Garage"],
+          "sameAs": [
+            "https://open.spotify.com/artist/0Nsz79ZcE8E4i3XZhCzZ1l",
+            "https://instagram.com/aaronstatic",
+            "https://facebook.com/aaronstatic",
+            "https://twitter.com/aaronstatic",
+            "https://soundcloud.com/aaronstatic",
+            "https://youtube.com/aaronstatic",
+            "https://github.com/aaronstatic",
+            "https://patreon.com/aaronstatic"
+          ]
+        }) }}
+      />
+      <h1 className="visually-hidden">Aaron Static</h1>
       <div className="row justify-content-center">
         <div className="col-lg-7 col-md-8 col-12">
           <img className="img-fluid" src="/img/aaronstatic_photo_home.jpg" alt="Aaron Static" />
         </div>
       </div>
       <div className="row justify-content-center mt-3">
-        <h1 className="text-center p-2 display-6">Latest Releases</h1>
+        <h2 className="text-center p-2 display-6">Latest Releases</h2>
         <div className="row gy-2 gx-2 d-flex justify-content-center">
           {releases.map((release) => (
             <div className="col-lg-2 col-md-3 col-6" key={release.id}>
@@ -31,7 +56,7 @@ export default function Home() {
         </div>
       </div>
       <div className="row justify-content-center mt-3">
-        <h1 className="text-center p-2 display-6">Latest Mixes</h1>
+        <h2 className="text-center p-2 display-6">Latest Mixes</h2>
         <div className="row gy-2 gx-2 d-flex justify-content-center">
           {mixes.map((mix) => (
             <div key={mix.key} className="col-lg-2 col-md-3 col-6">

src/app/projects/page.tsx

@@ -5,7 +5,11 @@ import Project from '@/lib/types/Project';
 import { use } from 'react';
 
 export const metadata = {
-    title: 'Aaron Static - Projects'
+    title: 'Aaron Static - Projects',
+    description: 'Software and music-tech projects by Aaron Static — VCV Rack modules, web apps, and tools for musicians.',
+    alternates: {
+        canonical: '/projects',
+    },
 }
 
 export default function Projects() {