Search Engine Optimization

RappyBots · Feb 23, 2024 · e4aa213 · e4aa213
1 parent 2a19739
commit e4aa213
Show file tree

Hide file tree

Showing 18 changed files with 154 additions and 10 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -41,7 +41,9 @@
   },
   "type": "module",
   "dependencies": {
+    "@sveltejs/amp": "^1.1.0",
     "@types/node": "^20.11.19",
-    "dotenv": "^16.4.5"
+    "dotenv": "^16.4.5",
+    "dropcss": "^1.0.16"
   }
 }
diff --git a/src/app.html b/src/app.html
@@ -1,5 +1,6 @@
 <!doctype html>
-<html lang="en">
+
+<html lang="en" amp>
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
@@ -9,7 +10,6 @@
         <meta property="og:url" content="https://boost.rappytv.com/" />
         <meta property="og:type" content="website" />
         <meta property="theme-color" content="#f8bef8" />
-        <meta property="og:title" content="✨ Boost Notifications" />
         <meta property="og:site_name" content="✨ Boost Notifications" />
         <meta property="og:description" content="The best way to get notified when your members boost your server." />
 

diff --git a/src/components/Header.svelte b/src/components/Header.svelte
@@ -1,7 +1,4 @@
 <script>
-	import { slide } from 'svelte/transition';
-  	import { cubicOut } from 'svelte/easing';
-	
     import Logo from "$lib/images/logo.webp"
 	import Button from "./Button.svelte";
 
@@ -36,7 +33,9 @@
     </div>
 
 	{#if hamburgerMenuOpen}
-		<div class="font-semibold space-y-5 w-full hover:*:text-secondary *:block backdrop-blur-md p-5">
+		<div
+			class="font-semibold space-y-5 w-full hover:*:text-secondary *:block backdrop-blur-md p-5"
+		>
 			{@html
 				document.getElementById("nav-links")?.innerHTML
 			}

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
@@ -2,6 +2,11 @@
 	import { page } from '$app/stores';
 </script>
 
+<head>
+	<meta property="og:title" content="{$page.status} {$page.error?.message || "Unknown error"}" />
+	<title>{$page.status} {$page.error?.message || "Unknown error"}</title>
+</head>
+
 <div class="flex flex-col h-screen justify-center items-center space-y-1">
     <div class="text-6xl font-black">
         {$page.status}

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,4 +1,5 @@
 <svelte:head>
+	<meta property="og:title" content="✨ Boost Notifications" />
 	<title>Boost Notifications - Home</title>
 </svelte:head>
 

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
@@ -2,4 +2,9 @@
 	import RedirectPage from "$components/RedirectPage.svelte";
 </script>
 
+<head>
+	<meta property="og:title" content="Contact" />
+	<title>Boost Notifications - Contact</title>
+</head>
+
 <RedirectPage url="https://rappytv.com/" />
diff --git a/src/routes/doc/privacy/+page.svelte b/src/routes/doc/privacy/+page.svelte
@@ -1,7 +1,12 @@
 <script>
 	import Link from "$components/Link.svelte";
-
 </script>
+
+<head>
+	<meta property="og:title" content="Privacy Policy" />
+	<title>Boost Notifications - Privacy Policy</title>
+</head>
+
 <div class="py-40 px-10 md:px-40 space-y-6">
     <div class="text-center text-4xl font-black">
         Privacy Policy

diff --git a/src/routes/doc/terms/+page.svelte b/src/routes/doc/terms/+page.svelte
@@ -1,7 +1,12 @@
 <script>
 	import Link from "$components/Link.svelte";
-
 </script>
+
+<head>
+	<meta property="og:title" content="Terms of Service" />
+	<title>Boost Notifications - Terms of Service</title>
+</head>
+
 <div class="py-40 px-10 md:px-40 space-y-6">
     <div class="text-center text-4xl font-black">
         Terms of Service

diff --git a/src/routes/feedback/+page.svelte b/src/routes/feedback/+page.svelte
@@ -2,4 +2,9 @@
 	import RedirectPage from "$components/RedirectPage.svelte";
 </script>
 
+<head>
+	<meta property="og:title" content="Feedback" />
+	<title>Boost Notifications - Feedback</title>
+</head>
+
 <RedirectPage url="https://boost-feedback.rappytv.com/" />
diff --git a/src/routes/invite/+page.svelte b/src/routes/invite/+page.svelte
@@ -2,4 +2,9 @@
 	import RedirectPage from "$components/RedirectPage.svelte";
 </script>
 
+<head>
+	<meta property="og:title" content="Invite" />
+	<title>Boost Notifications - Invite</title>
+</head>
+
 <RedirectPage url="https://discord.com/api/oauth2/authorize?client_id=1067880912538304583&permissions=8&scope=applications.commands%20bot" />
diff --git a/src/routes/review/+page.svelte b/src/routes/review/+page.svelte
@@ -2,4 +2,9 @@
 	import RedirectPage from "$components/RedirectPage.svelte";
 </script>
 
+<head>
+	<meta property="og:title" content="Review" />
+	<title>Boost Notifications - Review</title>
+</head>
+
 <RedirectPage url="https://top.gg/bot/1067880912538304583#reviews" />
diff --git a/src/routes/sitemap.xml/+server.ts b/src/routes/sitemap.xml/+server.ts
@@ -0,0 +1,90 @@
+const selfURL = "https://boost.rappy.tv";
+
+const pages = [
+    {
+        loc: "/",
+        lastmod: "2024-02-23",
+        changefreq: "daily",
+        priority: 1
+    },
+    {
+        loc: "/invite",
+        lastmod: "2024-02-23",
+        changefreq: "monthly",
+        priority: 0.9
+    },
+    {
+        loc: "/vote",
+        lastmod: "2024-02-23",
+        changefreq: "monthly",
+        priority: 0.8
+    },
+    {
+        loc: "/review",
+        lastmod: "2024-02-23",
+        changefreq: "monthly",
+        priority: 0.8
+    },
+    {
+        loc: "/support",
+        lastmod: "2024-02-23",
+        changefreq: "monthly",
+        priority: 0.7
+    },
+    {
+        loc: "/feedback",
+        lastmod: "2024-02-23",
+        changefreq: "monthly",
+        priority: 0.7
+    },
+    {
+        loc: "/status",
+        lastmod: "2024-02-23",
+        changefreq: "monthly",
+        priority: 0.6
+    },
+    {
+        loc: "/docs/privacy",
+        lastmod: "2024-02-23",
+        changefreq: "weekly",
+        priority: 0.4
+    },
+    {
+        loc: "/docs/terms",
+        lastmod: "2024-02-23",
+        changefreq: "weekly",
+        priority: 0.4
+    },
+]
+
+export async function GET() {
+	return new Response(
+		`
+		<?xml version="1.0" encoding="UTF-8" ?>
+		<urlset
+			xmlns="https://www.sitemaps.org/schemas/sitemap/0.9"
+			xmlns:xhtml="https://www.w3.org/1999/xhtml"
+			xmlns:mobile="https://www.google.com/schemas/sitemap-mobile/1.0"
+			xmlns:news="https://www.google.com/schemas/sitemap-news/0.9"
+			xmlns:image="https://www.google.com/schemas/sitemap-image/1.1"
+			xmlns:video="https://www.google.com/schemas/sitemap-video/1.1"
+		>
+        ${pages
+            .map(
+              (page) => `
+                    <url>
+                        <loc>${selfURL}${page.loc}</loc>
+                        <changefreq>${page.changefreq}</changefreq>
+                        <priority>${page.priority}</priority>
+                        <lastmod>${page.lastmod}</lastmod>
+                    </url>
+                `,
+            ).join('')}
+		</urlset>`.trim(),
+		{
+			headers: {
+				'Content-Type': 'application/xml'
+			}
+		}
+	);
+}
diff --git a/src/routes/status/+page.svelte b/src/routes/status/+page.svelte
@@ -2,4 +2,9 @@
 	import RedirectPage from "$components/RedirectPage.svelte";
 </script>
 
+<head>
+	<meta property="og:title" content="Status" />
+	<title>Boost Notifications - Status</title>
+</head>
+
 <RedirectPage url="https://status.rappytv.com/status/bots" />
diff --git a/src/routes/support/+page.svelte b/src/routes/support/+page.svelte
@@ -2,4 +2,9 @@
 	import RedirectPage from "$components/RedirectPage.svelte";
 </script>
 
+<head>
+	<meta property="og:title" content="Support" />
+	<title>Boost Notifications - Support</title>
+</head>
+
 <RedirectPage url="https://discord.gg/HaddzQrCbG" />
diff --git a/src/routes/vote/+page.svelte b/src/routes/vote/+page.svelte
@@ -2,4 +2,9 @@
 	import RedirectPage from "$components/RedirectPage.svelte";
 </script>
 
+<head>
+	<meta property="og:title" content="Vote" />
+	<title>Boost Notifications - Vote</title>
+</head>
+
 <RedirectPage url="https://top.gg/bot/1067880912538304583/vote" />
diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/svelte.config.js b/svelte.config.js
@@ -15,7 +15,9 @@ const config = {
 
 		alias: {
 			$components: './src/components',
-		}
+		},
+
+		inlineStyleThreshold: Infinity,
 	}
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,7 +15,9 @@ const config = { @@
     		alias: {
     			$components: './src/components',
-    		}
+    		},
+    		inlineStyleThreshold: Infinity,
     	}
     };
@@ Expand Down @@