SEO Optimization

seanmorley15 · Aug 6, 2024 · 143f84e · 143f84e
1 parent b6628fe
commit 143f84e
Show file tree

Hide file tree

Showing 14 changed files with 80 additions and 8 deletions.
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
@@ -122,5 +122,8 @@
 
 <svelte:head>
 	<title>Home | AdventureLog</title>
-	<meta name="description" content="AdventureLog is a platform to log your adventures." />
+	<meta
+		name="description"
+		content="AdventureLog is a platform to log your adventures and plan your travel."
+	/>
 </svelte:head>
diff --git a/frontend/src/routes/activities/+page.svelte b/frontend/src/routes/activities/+page.svelte
@@ -30,4 +30,8 @@
 		{/each}
 	</tbody>
 </table>
-<!-- 		</ul> -->
+
+<svelte:head>
+	<title>My Activities</title>
+	<meta name="description" content="View my activity types." />
+</svelte:head>
diff --git a/frontend/src/routes/adventures/+page.svelte b/frontend/src/routes/adventures/+page.svelte
@@ -340,3 +340,8 @@
 		</ul>
 	</div>
 </div>
+
+<svelte:head>
+	<title>Adventures</title>
+	<meta name="description" content="View your completed and planned adventures." />
+</svelte:head>
diff --git a/frontend/src/routes/adventures/[id]/+page.svelte b/frontend/src/routes/adventures/[id]/+page.svelte
@@ -303,3 +303,12 @@
 		</main>
 	</div>
 {/if}
+
+<svelte:head>
+	<title
+		>{data.props.adventure && data.props.adventure.name
+			? `${data.props.adventure.name}`
+			: 'Adventure'}</title
+	>
+	<meta name="description" content="Explore the world and add countries to your visited list!" />
+</svelte:head>
diff --git a/frontend/src/routes/collections/+page.svelte b/frontend/src/routes/collections/+page.svelte
@@ -251,3 +251,8 @@
 		</ul>
 	</div>
 </div>
+
+<svelte:head>
+	<title>Collections</title>
+	<meta name="description" content="View your adventure collections." />
+</svelte:head>
diff --git a/frontend/src/routes/collections/[id]/+page.svelte b/frontend/src/routes/collections/[id]/+page.svelte
@@ -616,3 +616,17 @@
 		</MapLibre>
 	{/if}
 {/if}
+
+<svelte:head>
+	<title
+		>{data.props.adventure && data.props.adventure.name
+			? `${data.props.adventure.name}`
+			: 'Collection'}</title
+	>
+	<meta
+		name="description"
+		content="Learn more about {data.props.adventure && data.props.adventure.name
+			? `${data.props.adventure.name}.`
+			: 'your adventures.'}"
+	/>
+</svelte:head>
diff --git a/frontend/src/routes/map/+page.svelte b/frontend/src/routes/map/+page.svelte
@@ -220,6 +220,11 @@
 	{/each}
 </MapLibre>
 
+<svelte:head>
+	<title>Travel Map</title>
+	<meta name="description" content="View your travels on a map." />
+</svelte:head>
+
 <style>
 	:global(.map) {
 		height: 500px;

diff --git a/frontend/src/routes/profile/+page.svelte b/frontend/src/routes/profile/+page.svelte
@@ -102,3 +102,8 @@
 		</div>
 	</div>
 {/if}
+
+<svelte:head>
+	<title>Profile | AdventureLog</title>
+	<meta name="description" content="{data.user.first_name}'s profile on AdventureLog." />
+</svelte:head>
diff --git a/frontend/src/routes/search/+page.svelte b/frontend/src/routes/search/+page.svelte
@@ -210,3 +210,8 @@
 		{/each}
 	</div>
 {/if}
+
+<svelte:head>
+	<title>Search{query ? `: ${query}` : ''}</title>
+	<meta name="description" content="Search your adventures." />
+</svelte:head>
diff --git a/frontend/src/routes/settings/forgot-password/+page.svelte b/frontend/src/routes/settings/forgot-password/+page.svelte
@@ -28,3 +28,8 @@
 		{/if}
 	</form>
 </div>
+
+<svelte:head>
+	<title>Forgot Password</title>
+	<meta name="description" content="Reset your password for AdventureLog." />
+</svelte:head>
diff --git a/frontend/src/routes/settings/forgot-password/confirm/+page.svelte b/frontend/src/routes/settings/forgot-password/confirm/+page.svelte
@@ -56,3 +56,8 @@
 		</div>
 	</div>
 {/if}
+
+<svelte:head>
+	<title>Password Reset Confirm</title>
+	<meta name="description" content="Confirm your password reset and make a new password." />
+</svelte:head>
diff --git a/frontend/src/routes/signup/+page.svelte b/frontend/src/routes/signup/+page.svelte
@@ -96,9 +96,6 @@
 </div>
 
 <svelte:head>
-	<title>Login | AdventureLog</title>
-	<meta
-		name="description"
-		content="Login to your AdventureLog account to start logging your adventures!"
-	/>
+	<title>Signup</title>
+	<meta name="description" content="Signup for AdventureLog to explore the world!" />
 </svelte:head>
diff --git a/frontend/src/routes/worldtravel/+page.svelte b/frontend/src/routes/worldtravel/+page.svelte
@@ -19,6 +19,6 @@
 </div>
 
 <svelte:head>
-	<title>WorldTravel | AdventureLog</title>
+	<title>Countries | World Travel</title>
 	<meta name="description" content="Explore the world and add countries to your visited list!" />
 </svelte:head>
diff --git a/frontend/src/routes/worldtravel/[id]/+page.svelte b/frontend/src/routes/worldtravel/[id]/+page.svelte
@@ -41,3 +41,13 @@
 		/>
 	{/each}
 </div>
+
+<svelte:head>
+	<title
+		>{data.props && data.props.country ? `Regions in ${data.props.country.name}` : 'Regions'}</title
+	>
+	<meta
+		name="description"
+		content="View the regions in countries and mark them visited to track your world travel."
+	/>
+</svelte:head>