fix: Use SEO compliant meta tags

ReVanced · Nov 12, 2023 · 2c4daec · 2c4daec
1 parent 5502d1b
commit 2c4daec
Show file tree

Hide file tree

Showing 8 changed files with 34 additions and 17 deletions.
diff --git a/src/app.html b/src/app.html
@@ -3,8 +3,21 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="/favicon.ico" />
+		<meta
+			name="robots"
+			content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
+		/>
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+		<!-- OpenGraph -->
+		<meta property="og:type" content="website" />
+		<meta property="og:image" content="/logo.png" />
+
+		<!-- Twitter -->
+		<meta name="twitter:image" itemprop="image" content="/logo.png" />
+		<meta name="twitter:card" content="summary" />
+
 		%sveltekit.head%
 	</head>
 	<body>

diff --git a/src/lib/components/Meta.svelte → src/lib/components/Head.svelte b/src/lib/components/Meta.svelte → src/lib/components/Head.svelte
@@ -2,7 +2,7 @@
 	import { JsonLd } from 'svelte-meta-tags';
 
 	let _title: string = '';
-	$: title = _title === '' ? 'ReVanced' : `ReVanced · ${_title}`;
+	$: title = _title === '' ? 'ReVanced' : `ReVanced - ${_title}`;
 
 	export { _title as title };
 
@@ -19,14 +19,10 @@
 	<!-- OpenGraph -->
 	<meta property="og:title" content={title} />
 	<meta property="og:description" content={description} />
-	<meta property="og:type" content="website" />
-	<meta property="og:image" content="/logo.png" />
 
 	<!-- Twitter -->
 	<meta name="twitter:title" content={title} />
 	<meta name="twitter:description" content={description} />
-	<meta name="twitter:image" itemprop="image" content="/logo.png" />
-	<meta name="twitter:card" content="summary" />
 
 	{#if schemas}
 		{#each schemas as schema}

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Meta from '$lib/components/Meta.svelte';
+	import Meta from '$lib/components/Head.svelte';
 	import { page } from '$app/stores';
 	import Button from '$lib/components/Button.svelte';
 

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -3,10 +3,10 @@
 	import Home from '$layout/Hero/HeroSection.svelte';
 	import SocialHost from '$layout/Hero/SocialHost.svelte';
 	import Wave from '$lib/components/Wave.svelte';
-	import Meta from '$lib/components/Meta.svelte';
+	import Head from '$lib/components/Head.svelte';
 </script>
 
-<Meta
+<Head
 	schemas={[
 		{
 			'@context': 'https://schema.org',

diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte
@@ -4,7 +4,7 @@
 
 	import ContributorHost from './ContributorSection.svelte';
 	import Footer from '$layout/Footer/FooterHost.svelte';
-	import Meta from '$lib/components/Meta.svelte';
+	import Head from '$lib/components/Head.svelte';
 	import Query from '$lib/components/Query.svelte';
 
 	import { queries } from '$data/api';
@@ -13,7 +13,9 @@
 	const query = createQuery(['repositories'], queries.repositories);
 </script>
 
-<Meta
+<Head
+	title="Contributors of ReVanced"
+	description="ReVanced is made possible by the community. Check out the people who have contributed to the project and how you can contribute too."
 	schemas={[
 		{
 			'@context': 'https://schema.org',

diff --git a/src/routes/donate/+page.svelte b/src/routes/donate/+page.svelte
@@ -5,7 +5,7 @@
 	import { queries } from '$data/api';
 	import { createQuery } from '@tanstack/svelte-query';
 
-	import Meta from '$lib/components/Meta.svelte';
+	import Head from '$lib/components/Head.svelte';
 	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Snackbar from '$lib/components/Snackbar.svelte';
@@ -39,8 +39,9 @@
 	}
 </script>
 
-<Meta
-	title="Donate"
+<Head
+	title="Donate to ReVanced"
+	description="Donate to ReVanced with a variety of donation methods, including cryptocurrencies in order to allow us to maintain our servers and develop new features."
 	schemas={[
 		{
 			'@context': 'https://schema.org',

diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
@@ -7,13 +7,14 @@
 
 	import manager_screenshot from '$images/manager.png?format=avif;webp;png&picture';
 
-	import Meta from '$lib/components/Meta.svelte';
+	import Head from '$lib/components/Head.svelte';
 	import Query from '$lib/components/Query.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Picture from '$lib/components/Picture.svelte';
 	import Dialogue from '$lib/components/Dialogue.svelte';
 	import { onMount } from 'svelte';
+	import ContributorPerson from '../contributors/ContributorPerson.svelte';
 
 	const query = createQuery(['manager'], queries.manager);
 
@@ -43,7 +44,9 @@
 	}
 </script>
 
-<Meta
+<Head
+	title="Download ReVanced"
+	description="Download ReVanced Manager to patch your favourite apps, right on your device."
 	schemas={[
 		{
 			'@context': 'https://schema.org',

diff --git a/src/routes/patches/+page.svelte b/src/routes/patches/+page.svelte
@@ -11,7 +11,7 @@
 	import { queries } from '$data/api';
 
 	import { JsonLd } from 'svelte-meta-tags';
-	import Meta from '$lib/components/Meta.svelte';
+	import Head from '$lib/components/Head.svelte';
 	import PackageMenu from './PackageMenu.svelte';
 	import Package from './Package.svelte';
 	import PatchItem from './PatchItem.svelte';
@@ -107,7 +107,9 @@
 	};
 </script>
 
-<Meta
+<Head
+	title="Patches for ReVanced"
+	description="Browse our rich collection of patches for ReVanced you can use to patch your favourite apps."
 	schemas={[
 		{
 			'@context': 'https://schema.org',