seo: apply some best practices

Author: aster-void

public/_headers

@@ -1,2 +1,2 @@
 /*
-	Cache-Control: max-age=300, stale-while-revalidate=604800
+	Cache-Control: max-age=3600, stale-while-revalidate=604800

src/components/Footer.astro

@@ -17,18 +17,16 @@ const props = Astro.props;
       class="grid gap-x-16 gap-y-8 md:grid-cols-2 md:grid-rows-2 lg:grid-cols-3 lg:grid-rows-1"
     >
       <div style={{ gridRow: "1 / -1" }}>
+        <h1 class="my-4 text-xl">ソフトウェア開発コミュニティ</h1>
         <Logo class="w-36" variant="light" />
-        <p class="mt-4 text-sm">
-          東京大学のソフトウェアエンジニアリングコミュニティ
-        </p>
         <ActionButton to="/join/" variant="dark" class="mx-auto mt-6 md:mx-0">
           参加する
         </ActionButton>
       </div>
       <FooterSection
         title="活動"
         links={[
-          { title: "プロジェクト", to: "/projects" },
+          { title: "プロジェクト", to: "/projects/" },
           { title: "ご寄付・ご協賛のお願い", to: "/donation/" },
           { title: "ut.code(); で学習する", to: "/activities/learn/" },
           { title: "ut.code(); で交流する", to: "/activities/share/" },

src/components/Footer/FooterSection.astro

@@ -9,7 +9,7 @@ const { title, links } = Astro.props;
 ---
 
 <div>
-  <h4 class="text-lg">{title}</h4>
+  <h2 class="text-lg">{title}</h2>
   <ul class="mt-4 space-y-2">
     {
       links.map((link) => (

src/components/Header.astro

@@ -52,7 +52,12 @@ const { focus } = Astro.props;
     )
   }
   <div class="flex h-16 bg-gray-50/70 backdrop-blur-lg">
-    <a href="/" class="flex items-center px-4" data-astro-prefetch="viewport">
+    <a
+      href="/"
+      aria-label="Go to top page"
+      class="flex items-center px-4"
+      data-astro-prefetch="viewport"
+    >
       <Logo class="w-36 sm:ml-8" variant="default" />
     </a>
     <div aria-hidden class="flex-1"></div>

src/pages/members.astro

@@ -18,6 +18,10 @@ const members = await getMembers();
   <Picture
     loading="eager"
     alt=""
+    formats={["avif", "webp"]}
+    width="1920"
+    height="1080"
+    quality="mid"
     src={Header}
     class="fixed top-0 -z-100 h-[100lvh] bg-neutral-400 object-cover"
     style="object-position: 75% 20%;"