fix: upgrade favicons to 48x48 for Google Search visibility

Google requires favicons to be a multiple of 48px. The previous 32x32
favicon.png was being ignored, causing the generic globe icon in search
results. Adds favicon.ico (multi-size), apple-touch-icon, and fixes
og:image to use absolute URLs.
This commit is contained in:
SnapOtter
2026-05-10 21:49:56 +08:00
parent 8aa5d9a5f2
commit caf351209b
8 changed files with 10 additions and 3 deletions
+5 -1
View File
@@ -14,8 +14,12 @@ export default defineConfig({
head: [
["meta", { name: "theme-color", content: "#3b82f6" }],
["link", { rel: "icon", type: "image/png", href: "/favicon.png" }],
["link", { rel: "icon", type: "image/png", sizes: "48x48", href: "/favicon.png" }],
["link", { rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
["link", { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" }],
["link", { rel: "llms-txt", href: "/llms.txt" }],
["meta", { property: "og:image", content: "https://docs.snapotter.com/logo.png" }],
["meta", { property: "og:url", content: "https://docs.snapotter.com" }],
],
vite: {
Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB