Basic SEO changes.

Author: stefanleon17

astro.config.mjs

@@ -4,6 +4,8 @@ import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@astrojs/react';
 
+import sitemap from '@astrojs/sitemap';
+
 // https://astro.build/config
 export default defineConfig({
   site: 'https://utrechtuniversity.github.io',
@@ -20,5 +22,5 @@ export default defineConfig({
     }
   },
 
-  integrations: [react()]
-});
+  integrations: [react(), sitemap()]
+});

package-lock.json

@@ -37,6 +37,7 @@
   "dependencies": {
     "@astrojs/check": "^0.9.6",
     "@astrojs/react": "^4.4.2",
+    "@astrojs/sitemap": "^3.7.0",
     "@resvg/resvg-js": "^2.6.2",
     "@tailwindcss/vite": "^4.1.17",
     "@types/react": "^19.2.7",

package.json

@@ -0,0 +1,22 @@
+User-agent: *
+Allow: /
+
+# Work in Progress Pages
+Disallow: /news
+Disallow: /news/*
+Disallow: /achievements
+Disallow: /activities
+Disallow: /activities/*
+Disallow: /search
+Disallow: /success-stories
+Disallow: /research
+Disallow: /research/*
+Disallow: /books/*
+Disallow: /softwares/*
+
+# Technical / Search Assets
+Disallow: /search-index.json
+Disallow: /_pagefind/
+Disallow: /404
+
+Sitemap: https://utrechtuniversity.github.io/ecobuild/sitemap-index.xml

public/robots.txt

@@ -47,7 +47,7 @@ const getIcon = (key: string) => iconMap[key] || Sparkles;
               <img
                 src={`/ecobuild${SITE.logo}`}
                 alt="Logo"
-                class="h-8 w-8 object-contain"
+                class="h-8 md:h-10 w-auto object-contain"
               />
             )
           }
@@ -176,7 +176,11 @@ const getIcon = (key: string) => iconMap[key] || Sparkles;
       <div class="flex items-center gap-3">
         {
           LOGO_IMAGE.enable && SITE.logo && (
-            <img src={SITE.logo} alt="Logo" class="h-10 w-10 object-contain" />
+            <img
+              src={`/ecobuild${SITE.logo}`}
+              alt="Logo"
+              class="h-10 w-auto object-contain"
+            />
           )
         }
         <span class="font-bold text-gray-900 text-xl">{SITE.labName}</span>

src/components/Header.astro

@@ -3,7 +3,7 @@ import heroImage from './assets/hero-real.jpg';
 export const SITE = {
   website: 'https://utrechtuniversity.github.io/ecobuild',
   author: 'Stefan Leon',
-  description: 'EcoBUILD - the largest evidence-based, open-access and open-source information platform focusing on ecological benefits of design strategies.',
+  description: 'The largest evidence-based, open-access and open-source information platform focusing on ecological benefits of design strategies.',
   title: 'EcoBUILD',
   //ogImage: 'astropaper-og.jpg',  // No idea what this does
   lightAndDarkMode: true,

src/config.ts

@@ -56,6 +56,11 @@ const ogImage = new URL(
       href={`${import.meta.env.BASE_URL}/assets/Utrecht_University_logo.png`}
     />
     <meta name="generator" content={Astro.generator} />
+    <link rel="canonical" href={Astro.url.href} />
+    <link
+      rel="sitemap"
+      href={`${import.meta.env.BASE_URL}/sitemap-index.xml`}
+    />
 
     <title>{pageTitle}</title>
 

src/layouts/Layout.astro

@@ -3,7 +3,10 @@ import Layout from "../layouts/Layout.astro";
 import { SITE } from "../config";
 ---
 
-<Layout title="About">
+<Layout
+  title="About"
+  description="Learn about the EcoBuild project, our mission to bridge building design with ecosystem services, and our science-driven platform."
+>
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h1 class="text-4xl font-bold mb-6">About This Project</h1>
 

src/pages/about.astro

@@ -78,7 +78,10 @@ const sections = [
 ];
 ---
 
-<Layout title="Publications">
+<Layout
+  title="Publications"
+  description="A comprehensive collection of academic papers, newspaper articles, and presentations by the EcoBuild research team."
+>
   <div class="max-w-7xl mx-auto px-4 py-12 sm:py-20">
     <div class="max-w-3xl mx-auto text-center mb-16">
       <h1 class="text-4xl font-bold text-gray-900 mb-4">Publications</h1>

src/pages/publications.astro

@@ -110,7 +110,10 @@ const groupedMembers = groups.reduce(
 );
 ---
 
-<Layout title="Team">
+<Layout
+  title="Team"
+  description="Meet the researchers and students behind EcoBuild, focusing on sustainable and regenerative building design at Utrecht University."
+>
   <div class="max-w-7xl mx-auto px-4 py-12 sm:py-20">
     <div class="max-w-3xl mx-auto text-center mb-16">
       <h1