Update redirects and improve SEO (#1066)

<!-- readthedocs-preview ep-website start -->
🖼️ Preview available 🖼️ :
https://ep-website--1066.org.readthedocs.build/
<!-- readthedocs-preview ep-website end -->

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: Mia Bajić <38294198+clytaemnestra@users.noreply.github.com>

Author: 3 people

astro.config.mjs

@@ -35,6 +35,16 @@ export default defineConfig({
     ],
   },
   site: "https://ep2025.europython.eu",
+  redirects: {
+    "/c-api-summit/": "/programme/c-api-summit/",
+    "/programme/cfp/": "/programme/cfp/",
+    "/planning/": "https://forms.gle/riw6CvML8ck94A4V9",
+    "/reviewers/": "https://forms.gle/4GTJjwZ1nHBGetM18",
+    "/rust-summit/": "/programme/rust-summit/",
+    "/sponsor/": "/sponsorship/sponsor/",
+    "/voting/": "/programme/voting/",
+    "/wasm-summit/": "/programme/wasm-summit/",
+  },
   integrations: [
     mdx(),
     sitemap(),

src/components/BaseHead.astro

@@ -19,9 +19,11 @@ const { title, description, image = "/social-card.png" } = Astro.props;
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-<meta name="generator" content={Astro.generator} />
+<meta name="generator" content="Astro" />
 <link rel="sitemap" href="/sitemap-index.xml" />
 
+<meta name="referrer" content="no-referrer-when-downgrade" />
+
 <!-- Canonical URL -->
 <link rel="canonical" href={canonicalURL} />
 
@@ -32,19 +34,20 @@ const { title, description, image = "/social-card.png" } = Astro.props;
 
 <!-- Open Graph / Facebook -->
 <meta property="og:type" content="website" />
+<meta property="og:site_name" content="EuroPython 2025" />
 <meta property="og:url" content={Astro.url} />
 <meta property="og:title" content={title} />
 <meta property="og:description" content={description} />
 <meta property="og:image" content={new URL(image, Astro.url)} />
 
 <!-- Twitter -->
-<meta property="twitter:card" content="summary_large_image" />
-<meta property="twitter:url" content={Astro.url} />
-<meta property="twitter:title" content={title} />
-<meta property="twitter:description" content={description} />
-<meta property="twitter:image" content={new URL(image, Astro.url)} />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:url" content={Astro.url} />
+<meta name="twitter:title" content={title} />
+<meta name="twitter:description" content={description} />
+<meta name="twitter:image" content={new URL(image, Astro.url)} />
+<meta name="twitter:site" content="@europython" />
 
-<!-- In remembrance -->
 <meta http-equiv="X-Clacks-Overhead" content="GNU John Pinner" />
 <meta http-equiv="X-Clacks-Overhead" content="GNU Rob Collins" />
 <meta http-equiv="X-Clacks-Overhead" content="GNU Oier Etxaniz" />

src/components/footer.astro

@@ -15,7 +15,7 @@ const gitVersion = import.meta.env.GIT_VERSION;
     <div>
       <nav class="mb-12">
         <h6 class="font-bold text-xl mb-6">Quicklinks</h6>
-
+        <ul>
         {
           links.footer.map((item) => (
             <li class="list-none">
@@ -29,14 +29,15 @@ const gitVersion = import.meta.env.GIT_VERSION;
             </li>
           ))
         }
+        </ul>
       </nav>
     </div>
 
     <article
       class="flex flex-col lg:flex-row self-center gap-8 lg:gap-12 justify-end"
     >
       <div>
-        <EPSLogo className="max-w-[200px] h-auto w-full" />
+        <EPSLogo className="max-w-[100px] lg:max-w-[200px] h-auto w-full" />
       </div>
       <div>
         <address class="not-italic mb-4">

src/components/header/header-button.astro

@@ -18,7 +18,9 @@ const { href, variant = "standard" } = Astro.props;
       "bg-red": variant === "live",
     },
   ]}
-  href={href}
+
+  role="button"
+  href={href || "#"}
 >
   <slot />
 </a>

src/components/nav-items/nav-items.tsx

@@ -27,7 +27,10 @@ export const NavItems = ({ items, inverted = false }: Props) => {
           )}
         >
           <a
-            href={item.path}
+            href={item.path || "#"}
+            aria-haspopup="true"
+            role="button"
+            rel="nofollow"
             className={clsx(
               "font-bold inline-block w-full text-3xl xl:text-base p-5 text-center",
               "xl:text-left xl:p-2 xl:px-5",
@@ -59,6 +62,7 @@ export const NavItems = ({ items, inverted = false }: Props) => {
                   >
                     <a
                       href={subItem.path || "#"}
+                      role="button"
                       className={clsx(
                         "block w-full font-bold text-center",
                         "xl:text-left mb-[2px] p-2 xl:px-5"

src/layouts/HomePageLayout.astro

@@ -0,0 +1,62 @@
+---
+import "../styles/global.css";
+import Header from "../components/header/header.astro";
+import Footer from "../components/footer.astro";
+import BaseHead from "../components/BaseHead.astro";
+
+export interface Props {
+  title: string;
+  description: string;
+}
+
+const { title, description } = Astro.props;
+const jsonLd = JSON.stringify({
+  "@context": "https://schema.org",
+  "@type": "WebSite",
+  "publisher": {
+    "@type": "Organization",
+    "name": "EuroPython 2025",
+    "url": "https://ep2025.europython.eu/",
+    "logo": {
+      "@type": "ImageObject",
+      "url": "https://ep2025.europython.eu/_astro/hero.BAlu7uXS_rd8vG.svg",
+      "width": 1686,
+      "height": 888
+    }
+  },
+  "url": "https://ep2025.europython.eu/",
+  "image": {
+    "@type": "ImageObject",
+    "url": "https://ep2025.europython.eu/_astro/hero.BAlu7uXS_rd8vG.svg",
+    "width": 1686,
+    "height": 888
+  },
+  "mainEntityOfPage": {
+    "@type": "WebPage",
+    "@id": "https://ep2025.europython.eu/"
+  },
+  "description": description
+});
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <BaseHead title={title} description={description} />
+    <script type="application/ld+json" is:inline set:html={jsonLd}></script>
+  </head>
+
+  <div class="flex flex-col items-stretch min-h-screen">
+    <a href="#main-content" class="sr-only"> Skip to main content</a>
+
+    <Header />
+
+    <main id="main-content" class="layout-wrapper overflow-x-clip">
+      <slot />
+    </main>
+
+    <div class="mt-auto">
+      <Footer />
+    </div>
+  </div>
+</html>

src/pages/c-api-summit.astro

@@ -5,7 +5,7 @@ import HeroWithCTA from "../components/hero-section/hero-with-cta.astro";
 import { Fullbleed } from "../components/layout/fullbleed";
 import Prose from "../components/prose/prose.astro";
 import { Title } from "../components/typography/title";
-import Layout from "../layouts/Layout.astro";
+import Layout from "../layouts/HomePageLayout.astro";
 import DeadlineCard from "../components/deadline-card.astro";
 import { getCollection } from "astro:content";
 import Accent from "../components/accent/accent.astro";