From 5d14122b00fd79f4ea4193ac7f247d1e3cf82f6a Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 19 Jan 2025 00:28:40 +0100
Subject: [PATCH] optimize seo

---
 src/routes/etf/[tickerID]/+layout.svelte |  4 +--
 src/routes/login/+page.svelte            |  3 ++
 src/routes/newsletter/+page.svelte       | 43 ++++--------------------
 src/routes/register/+page.svelte         |  3 ++
 4 files changed, 14 insertions(+), 39 deletions(-)

diff --git a/src/routes/etf/[tickerID]/+layout.svelte b/src/routes/etf/[tickerID]/+layout.svelte
index 0df663cd..b41b61ee 100644
--- a/src/routes/etf/[tickerID]/+layout.svelte
+++ b/src/routes/etf/[tickerID]/+layout.svelte
@@ -712,7 +712,7 @@
                             <div
                               class="flex flex-row justify-between items-center w-full sm:-mt-[50px] mb-5 sm:mb-10"
                             >
-                              <div
+                              <h1
                                 class="text-2xl lg:text-3xl font-bold text-white"
                               >
                                 {$displayCompanyName?.length > charNumber
@@ -722,7 +722,7 @@
                                 <span class="hidden sm:inline-block"
                                   >({$etfTicker?.toUpperCase()})</span
                                 >
-                              </div>
+                              </h1>
                             </div>
 
                             <div
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 161835a7..cc47cae0 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -148,6 +148,7 @@
           <form method="post" action="?/oauth2">
             <input class="hidden" name="provider" value="google" />
             <button
+              aria-label="Google Login"
               on:click={() => (oauthLoading = !oauthLoading)}
               on:mouseenter={handleHoverGoogle}
               on:mouseleave={handleHoverGoogle}
@@ -197,6 +198,7 @@
           <form method="post" action="?/oauth2">
             <input class="hidden" name="provider" value="discord" />
             <button
+              aria-label="Discord Login"
               on:click={() => (oauthLoading = !oauthLoading)}
               on:mouseenter={handleHoverDiscord}
               on:mouseleave={handleHoverDiscord}
@@ -731,6 +733,7 @@
           <form method="post" action="?/oauth2">
             <input class="hidden" name="provider" value="github" />
             <button
+              aria-label="Github Login"
               on:click={() => (oauthLoading = !oauthLoading)}
               on:mouseenter={handleHoverGithub}
               on:mouseleave={handleHoverGithub}
diff --git a/src/routes/newsletter/+page.svelte b/src/routes/newsletter/+page.svelte
index 73263720..d050d418 100644
--- a/src/routes/newsletter/+page.svelte
+++ b/src/routes/newsletter/+page.svelte
@@ -1,45 +1,14 @@
 <script lang="ts">
-  import { numberOfUnreadNotification } from "$lib/store";
   import logo from "$lib/images/newsletter.png";
+  import SEO from "$lib/components/SEO.svelte";
+
   export let data;
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Free
-    Market Newsletter: Stay Informed in Just 2 Minutes Per Day · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`Get our free newsletter to be up to date with the current market.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta
-    property="og:title"
-    content={`Free Market Newsletter: Stay Informed in Just 2 Minutes Per Day · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Get our free newsletter to be up to date with the current market.`}
-  />
-  <meta property="og:type" content="website" />
-  <!-- Add more Open Graph meta tags as needed -->
-
-  <!-- Twitter specific meta tags -->
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta
-    name="twitter:title"
-    content={`Free Market Newsletter: Stay Informed in Just 2 Minutes Per Day · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Get our free newsletter to be up to date with the current market.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="Market Newsletter: Stay Informed in Just 2 Minutes Per Day"
+  description="Stay ahead in the market with our free newsletter! Get the latest updates, trends, and insights delivered straight to your inbox."
+/>
 
 <div class="w-full max-w-7xl min-h-screen text-white m-auto mt-5">
   <main
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index a57e2d6c..ffda69fe 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -159,6 +159,7 @@
         <form method="post" action="?/oauth2">
           <input class="hidden" name="provider" value="google" />
           <button
+            aria-label="Google Login"
             on:click={() => (oauthLoading = !oauthLoading)}
             on:mouseenter={handleHoverGoogle}
             on:mouseleave={handleHoverGoogle}
@@ -206,6 +207,7 @@
         <form method="post" action="?/oauth2">
           <input class="hidden" name="provider" value="discord" />
           <button
+            aria-label="Discord Login"
             on:click={() => (oauthLoading = !oauthLoading)}
             on:mouseenter={handleHoverDiscord}
             on:mouseleave={handleHoverDiscord}
@@ -740,6 +742,7 @@
         <form method="post" action="?/oauth2">
           <input class="hidden" name="provider" value="github" />
           <button
+            aria-label="Github Login"
             on:click={() => (oauthLoading = !oauthLoading)}
             on:mouseenter={handleHoverGithub}
             on:mouseleave={handleHoverGithub}