fix: serve a google-eligible favicon

1 files changed, 7 insertions, 1 deletions

diff --git a/website/astro.config.mjs b/website/astro.config.mjs
index 8afbf46f..b216e6d8 100644
--- a/website/astro.config.mjs
+++ b/website/astro.config.mjs
@@ -71,7 +71,7 @@ export default defineConfig({
     starlight({
       title: 'herdr',
       description: 'Terminal-native agent runtime and multiplexer.',
-      favicon: '/assets/favicon.png?v=14',
+      favicon: '/favicon.ico',
       defaultLocale: 'root',
       locales: {
         root: { label: 'English', lang: 'en' },
@@ -110,6 +110,12 @@ export default defineConfig({
       ],
       customCss: ['./src/styles/starlight.css'],
       head: [
+        {
+          // Google's favicon crawler rejects icons smaller than 48px
+          tag: 'link',
+          attrs: { rel: 'icon', type: 'image/png', sizes: '192x192', href: '/assets/favicon.png' },
+        },
+        { tag: 'link', attrs: { rel: 'apple-touch-icon', href: '/assets/logo.png' } },
         // the brand display face; Starlight owns its own <head>, so the
         // marketing pages' font link doesn't reach docs
         { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },