SEO Enhancements

Additional SEO fixes awaiting:

51f28bfac9

website/.prettierignore

@@ -7,6 +7,7 @@
 *.md
 *.styl
 *.vue
+*.xml
 dist
 pnpm-lock.yaml
 cache

website/src/.vitepress/config/head.ts

@@ -2,6 +2,7 @@ import type { HeadConfig } from "vitepress";
 
 const head: HeadConfig[] = [
 	["meta", { name: "theme-color", content: "#818CF8" }],
+	["meta", { name: "msapplication-TileColor", content: "#818CF8" }],
 
 	["meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }],
 	["meta", { name: "referrer", content: "no-referrer-when-downgrade" }],
@@ -9,6 +10,8 @@ const head: HeadConfig[] = [
 	["link", { rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
 	["link", { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" }],
 	["link", { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" }],
+	["link", { rel: "manifest", href: "/site.webmanifest" }],
+	["link", { rel: "mask-icon", href: "/safari-pinned-tab.svg", color: "#818CF8" }],
 	["link", { rel: "apple-touch-icon", type: "image/x-icon", sizes: "180x180", href: "/favicon.ico" }],
 
 	["meta", { name: "twitter:card", content: "summary" }],

website/src/.vitepress/config/theme.ts

@@ -20,7 +20,7 @@ const themeConfig: DefaultTheme.Config = {
 	],
 
 	footer: {
-		message: `<a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Open-source Apache Licensed</a> | <a href="./privacy">Privacy policy</a> | Powered by <a target="_blank" href="https://www.netlify.com/">Netlify <img src="/img/netlify.svg" height="12px" width="12px" style="display: inline-block"></a>`,
+		message: `<a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Open-source Apache Licensed</a> | <a href="./privacy">Privacy policy</a> | Powered by <a target="_blank" href="https://www.netlify.com/">Netlify <img src="/img/netlify.svg" alt="Netlify Logo" height="12px" width="12px" style="display: inline-block"></a>`,
 		copyright: `Copyright © 2015 - ${new Date().getFullYear()} Javier Tomás`,
 	},
 

website/src/forks/neko.md

@@ -9,7 +9,7 @@ hero:
   name: Neko
   text: For MangaDex
   tagline: Features specific to MangaDex with the featureset of TachiyomiJ2K
-  image: /forks/forks_logo-neko.png
+  image: /forks/forks_logo-neko.webp
   actions:
     - theme: brand
       text: Download
@@ -18,10 +18,12 @@ hero:
       text: GitHub
       link: https://github.com/CarlosEsco/Neko
 
+customMetaTitle: Neko
+
 features:
   - title: MangaDex
     details: Native login with support for MDList as a tracker, and syncing the MangaDex follows list.
-    icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg">
+    icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg" alt="MangaDex Logo" height="32" width="32">
   - title: Similiar Manga
     details: Recommendation system
     icon: 📚
@@ -30,7 +32,7 @@ features:
     icon: ❔
 
 theme: "#FD6684"
-image: /forks/forks_logo-neko.png
+image: /forks/forks_logo-neko.webp
 imageSize: small
 ---
 

website/src/forks/tachiyomi-az.md

@@ -18,6 +18,8 @@ hero:
       text: GitHub
       link: https://github.com/az4521/tachiyomiAZ
 
+customMetaTitle: TachiyomiAZ
+
 features:
   - title: Hentai-focused
     details: Adds several features to enhance your Hentai experience.

website/src/forks/tachiyomi-j2k.md

@@ -18,6 +18,8 @@ hero:
       text: GitHub
       link: https://github.com/Jays2Kings/tachiyomiJ2K
 
+customMetaTitle: TachiyomiJ2K
+
 features:
   - title: Redesigned UI
     details: Entirely different design from regular Tachiyomi, with exciting new features.

website/src/forks/tachiyomi-sy.md

@@ -18,6 +18,8 @@ hero:
       text: GitHub
       link: https://github.com/jobobby04/TachiyomiSY
 
+customMetaTitle: TachiyomiSY
+
 features:
   - title: Hentai-focused
     details: Adds several features to enhance your Hentai experience.
@@ -25,7 +27,7 @@ features:
   - title: Manga recommendations
     details: Get recommendations from MyAnimeList and AniDB.
     icon: 📚
-  - title: Several exclusive fea
+  - title: Several exclusive features
     details: Keeps the old design of Tachiyomi with hamburger menu.
     icon: 👵
 

website/src/index.md

@@ -8,8 +8,8 @@ hero:
   tagline: Read your favorite manga, webtoons, comics, and more – easier than ever on your Android.
   image:
     alt: Tachiyomi Library Tab Dark
-    light: /home/home_library-light.png
-    dark: /home/home_library-dark.png
+    light: /home/home_library-light.webp
+    dark: /home/home_library-dark.webp
   actions:
     - theme: brand
       text: Get Started
@@ -23,11 +23,11 @@ customMetaTitle: Tachiyomi
 features:
   - title: Tracking
     details: Automatically keep track of your series with AniList, Bangumi, Kitsu, MangaUpdates, MyAnimeList, Shikimori, and more.
-    icon: <img src="https://anilist.co/img/icons/icon.svg">
+    icon: <img src="https://anilist.co/img/icons/icon.svg" alt="AniList Logo" height="32" width="32">
   - title: Extensions
     details: Online and offline reading from over a thousand sources, including MangaDex.
-    icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg">
+    icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg" alt="MangaDex Logo" height="32" width="32">
   - title: Customization
     details: A configurable reader with multiple reading modes, custom color filters, and many other settings.
-    icon: <svg height="30" viewbox="0 0 48 48" width="80" x="0.0" y="0.0"><g transform="translate(0.000000,0.000000) scale(0.013200,-0.013200)"><path class="st0" d="M1761.7-8.5l-305-5l13.3-163.3c6.7-88.3,13.3-198.3,13.3-245v-83.3H800H116.7l5-298.3l5-298.3l111.7,11.7 c253.3,23.3,1691.7,30,2436.7,11.7c426.7-11.7,786.7-23.3,800-26.7c21.7-6.7,25,33.3,25,296.7v303.3l-638.3-6.7 c-350-3.3-663.3,0-696.7,5l-58.3,11.7l5,250c5,213.3,1.7,248.3-20,245C2078.3-1.9,1930-6.9,1761.7-8.5z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path><path class="st0" d="M816.7-1290.2c-213.3-83.3-266.7-111.7-263.3-135c1.7-16.7,36.7-121.7,78.3-233.3 c96.7-255,206.7-640,276.7-963.3c30-136.7,56.7-251.7,58.3-255c3.3-3.3,138.3,41.7,303.3,100l298.3,105l-20,100 c-58.3,280-413.3,1393.3-445,1390C1091.7-1183.5,963.3-1231.9,816.7-1290.2z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path><path class="st0" d="M2376.7-1458.5c-173.3-695-381.7-1386.7-451.7-1501.7l-31.7-51.7l-288.3-5c-333.3-5-1521.7,15-1571.7,26.7 c-31.7,8.3-33.3,0-33.3-300v-310l83.3,10c46.7,5,863.3,15,1816.7,20l1733.3,11.7v293.3v293.3l-141.7-11.7 c-78.3-5-325-11.7-548.3-11.7c-318.3-1.7-403.3,3.3-396.7,20c5,10,36.7,83.3,70,161.7C2725-2560.2,3110-1375.2,3090-1356.9 c-6.7,6.7-543.3,156.7-608.3,171.7C2448.3-1178.5,2441.7-1196.9,2376.7-1458.5z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path></g></svg>
+    icon: <svg height="24" width="24" viewbox="0 0 48 48" x="0.0" y="0.0"><g transform="translate(0.000000,0.000000) scale(0.013200,-0.013200)"><path class="st0" d="M1761.7-8.5l-305-5l13.3-163.3c6.7-88.3,13.3-198.3,13.3-245v-83.3H800H116.7l5-298.3l5-298.3l111.7,11.7 c253.3,23.3,1691.7,30,2436.7,11.7c426.7-11.7,786.7-23.3,800-26.7c21.7-6.7,25,33.3,25,296.7v303.3l-638.3-6.7 c-350-3.3-663.3,0-696.7,5l-58.3,11.7l5,250c5,213.3,1.7,248.3-20,245C2078.3-1.9,1930-6.9,1761.7-8.5z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path><path class="st0" d="M816.7-1290.2c-213.3-83.3-266.7-111.7-263.3-135c1.7-16.7,36.7-121.7,78.3-233.3 c96.7-255,206.7-640,276.7-963.3c30-136.7,56.7-251.7,58.3-255c3.3-3.3,138.3,41.7,303.3,100l298.3,105l-20,100 c-58.3,280-413.3,1393.3-445,1390C1091.7-1183.5,963.3-1231.9,816.7-1290.2z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path><path class="st0" d="M2376.7-1458.5c-173.3-695-381.7-1386.7-451.7-1501.7l-31.7-51.7l-288.3-5c-333.3-5-1521.7,15-1571.7,26.7 c-31.7,8.3-33.3,0-33.3-300v-310l83.3,10c46.7,5,863.3,15,1816.7,20l1733.3,11.7v293.3v293.3l-141.7-11.7 c-78.3-5-325-11.7-548.3-11.7c-318.3-1.7-403.3,3.3-396.7,20c5,10,36.7,83.3,70,161.7C2725-2560.2,3110-1375.2,3090-1356.9 c-6.7,6.7-543.3,156.7-608.3,171.7C2448.3-1178.5,2441.7-1196.9,2376.7-1458.5z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path></g></svg>
 ---

website/src/public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#818CF8</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

website/src/public/img/logo.svg

@@ -1,4 +1,4 @@
-<svg height="80" viewbox="0 0 48 48" width="80" x="0.0" y="0.0">
+<svg height="24" width="24" viewbox="0 0 48 48" x="0.0" y="0.0">
 <g transform="translate(0.000000,0.000000) scale(0.013200,-0.013200)">
 	<path class="st0" d="M1761.7-8.5l-305-5l13.3-163.3c6.7-88.3,13.3-198.3,13.3-245v-83.3H800H116.7l5-298.3l5-298.3l111.7,11.7 c253.3,23.3,1691.7,30,2436.7,11.7c426.7-11.7,786.7-23.3,800-26.7c21.7-6.7,25,33.3,25,296.7v303.3l-638.3-6.7 c-350-3.3-663.3,0-696.7,5l-58.3,11.7l5,250c5,213.3,1.7,248.3-20,245C2078.3-1.9,1930-6.9,1761.7-8.5z" fill="#818CF8" fill-rule="nonzero"></path>
 	<path class="st0" d="M816.7-1290.2c-213.3-83.3-266.7-111.7-263.3-135c1.7-16.7,36.7-121.7,78.3-233.3 c96.7-255,206.7-640,276.7-963.3c30-136.7,56.7-251.7,58.3-255c3.3-3.3,138.3,41.7,303.3,100l298.3,105l-20,100 c-58.3,280-413.3,1393.3-445,1390C1091.7-1183.5,963.3-1231.9,816.7-1290.2z" fill="#818CF8" fill-rule="nonzero"></path>

website/src/public/safari-pinned-tab.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="616.000000pt" height="616.000000pt" viewBox="0 0 616.000000 616.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,616.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3356 6153 c-2 -2 -841 -16 -872 -15 -19 1 -21 -3 -19 -41 5 -71 16
+-210 20 -257 9 -101 17 -263 20 -392 l3 -136 -27 -4 c-14 -1 -533 -3 -1153 -2
+l-1128 0 -1 -25 c-1 -14 -1 -28 -1 -31 0 -3 3 -190 7 -415 4 -226 8 -437 8
+-470 l2 -60 35 1 c19 0 64 3 100 7 180 17 350 23 985 33 859 13 2794 7 3295
+-11 83 -3 236 -7 670 -20 261 -8 489 -16 537 -21 52 -5 52 -5 61 28 5 18 10
+85 12 148 4 186 5 772 2 806 l-4 31 -411 -5 c-877 -11 -1788 -7 -1864 7 l-72
+14 5 386 c3 212 1 400 -4 416 l-9 30 -97 0 c-54 0 -98 -1 -100 -2z"/>
+<path d="M1770 4131 c-129 -48 -574 -223 -645 -254 -100 -44 -170 -85 -181
+-107 -12 -23 20 -130 121 -405 68 -186 238 -708 255 -785 4 -19 22 -84 39
+-144 38 -129 121 -462 156 -621 45 -207 116 -509 120 -513 9 -9 988 327 1007
+346 7 7 -35 218 -72 357 -30 114 -136 486 -166 580 -13 44 -29 94 -33 110 -45
+150 -123 394 -236 735 -74 223 -137 412 -139 421 -8 30 -95 247 -111 278 -8
+17 -21 31 -28 30 -6 0 -46 -13 -87 -28z"/>
+<path d="M4146 4138 c-22 -33 -41 -91 -76 -231 -17 -67 -40 -155 -51 -195 -10
+-40 -21 -80 -22 -90 -2 -9 -9 -35 -14 -57 -6 -22 -37 -139 -68 -260 -58 -222
+-236 -876 -260 -950 -7 -22 -19 -65 -28 -95 -38 -135 -164 -540 -214 -690 -75
+-224 -126 -352 -174 -432 l-39 -67 -123 -3 c-163 -4 -1647 1 -1907 6 -113 3
+-317 7 -455 10 -271 6 -536 15 -627 21 -43 3 -59 0 -70 -12 -10 -13 -14 -117
+-16 -516 l-4 -500 69 8 c37 4 93 9 123 11 132 7 1475 22 2570 29 1618 10 3180
+21 3328 24 l52 1 0 495 0 494 -62 -5 c-35 -3 -81 -7 -103 -9 -227 -23 -1614
+-29 -1652 -8 -23 13 -20 21 107 311 21 47 30 70 66 167 236 643 692 2059 720
+2236 l6 37 -98 30 c-233 71 -878 249 -936 259 -20 3 -31 -2 -42 -19z"/>
+</g>
+</svg>

website/src/public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+	"name": "Tachiyomi",
+	"short_name": "Tachiyomi",
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#ffffff",
+	"display": "standalone"
+}