From ab68effc98c326364f856990e237f40e427f33f4 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 31 Jan 2025 00:31:00 +0100
Subject: [PATCH] seo optimizatiion

---
 src/routes/analysts/top-stocks/+page.svelte  | 39 +++-----------------
 src/routes/economic-indicator/+page.svelte   |  1 -
 src/routes/list/dividend/[slug]/+page.svelte |  9 +++++
 src/routes/list/penny-stocks/+page.svelte    |  7 ++++
 src/routes/list/reit-stocks/+page.svelte     |  6 +++
 src/routes/list/sector/[slug]/+page.svelte   |  9 +++++
 6 files changed, 36 insertions(+), 35 deletions(-)

diff --git a/src/routes/analysts/top-stocks/+page.svelte b/src/routes/analysts/top-stocks/+page.svelte
index 6684ddd3..02aa6f73 100644
--- a/src/routes/analysts/top-stocks/+page.svelte
+++ b/src/routes/analysts/top-stocks/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { numberOfUnreadNotification } from "$lib/store";
   import Table from "$lib/components/Table/Table.svelte";
   import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
 
@@ -25,39 +25,10 @@
   const hideLastRow = true;
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    Top Analyst Strong Buy Stocks · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`The top 100 "Strong Buy" stocks according to the best performing Wall Street analysts, with a rating of 5 stars.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta property="og:title" content={`Top 100 Strong Buy Stocks · Stocknear`} />
-  <meta
-    property="og:description"
-    content={`The top 100 "Strong Buy" stocks according to the best performing Wall Street analysts, with a rating of 5 stars.`}
-  />
-  <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={`Top 100 Strong Buy Stocks · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`The top 100 "Strong Buy" stocks according to the best performing Wall Street analysts, with a rating of 5 stars.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="Top Analyst Strong Buy Stocks"
+  description="The top 100 Strong Buy stocks according to the best performing Wall Street analysts, with a rating of 5 stars."
+/>
 
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
diff --git a/src/routes/economic-indicator/+page.svelte b/src/routes/economic-indicator/+page.svelte
index ded1c8bd..ae1ee2c3 100644
--- a/src/routes/economic-indicator/+page.svelte
+++ b/src/routes/economic-indicator/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { numberOfUnreadNotification } from "$lib/store";
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
   import { Chart } from "svelte-echarts";
   import Lazy from "$lib/components/Lazy.svelte";
diff --git a/src/routes/list/dividend/[slug]/+page.svelte b/src/routes/list/dividend/[slug]/+page.svelte
index a9057f06..0dc5caf7 100644
--- a/src/routes/list/dividend/[slug]/+page.svelte
+++ b/src/routes/list/dividend/[slug]/+page.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
   import Table from "$lib/components/Table/Table.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
+  import SEO from "$lib/components/SEO.svelte";
+
   import { page } from "$app/stores";
 
   export let data;
@@ -28,6 +30,13 @@
       : "Dividend aristocrats are companies in the S&P500 index that have been raising their dividends every year for 25 or more years. This is a list of all the dividend aristocrats.";
 </script>
 
+<SEO
+  title={$page?.url?.pathname === "/list/dividend/dividend-kings"
+    ? "List of Dividend Kings (50+ Years of Dividend Growth"
+    : "List of Dividend Aristocrats (25+ Years of Dividend Growth)"}
+  description={text}
+/>
+
 <section class="w-full overflow-hidden m-auto">
   <Infobox {text} />
 
diff --git a/src/routes/list/penny-stocks/+page.svelte b/src/routes/list/penny-stocks/+page.svelte
index d253bbf4..dfa3635d 100644
--- a/src/routes/list/penny-stocks/+page.svelte
+++ b/src/routes/list/penny-stocks/+page.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
   import Table from "$lib/components/Table/Table.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
+  import SEO from "$lib/components/SEO.svelte";
+
   export let data;
 
   const defaultList = [
@@ -11,6 +13,11 @@
   ];
 </script>
 
+<SEO
+  title="A List of Actively Traded Penny Stocks"
+  description="A list of actively traded penny stocks, which are generally defined as stocks with a stock price below $5 per share."
+/>
+
 <section class="w-full overflow-hidden m-auto">
   <Infobox
     text=" A list of actively traded penny stocks, which are generally defined as
diff --git a/src/routes/list/reit-stocks/+page.svelte b/src/routes/list/reit-stocks/+page.svelte
index 1e695a0e..fa902ea8 100644
--- a/src/routes/list/reit-stocks/+page.svelte
+++ b/src/routes/list/reit-stocks/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import Table from "$lib/components/Table/Table.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
 
@@ -20,6 +21,11 @@
   ];
 </script>
 
+<SEO
+  title="Top REIT Stocks List – Best Real Estate Investment Trusts to Invest In"
+  description="Discover the best REIT stocks to invest in. Explore a comprehensive list of real estate investment trusts (REITs) with key insights, performance data, and sector trends."
+/>
+
 <section class="w-full overflow-hidden m-auto">
   <div
     class="border border-gray-800 w-full sm:flex sm:flex-row sm:items-center m-auto text-gray-100 bg-default sm:rounded-md h-auto p-5 mb-4"
diff --git a/src/routes/list/sector/[slug]/+page.svelte b/src/routes/list/sector/[slug]/+page.svelte
index c0b0184b..27287db5 100644
--- a/src/routes/list/sector/[slug]/+page.svelte
+++ b/src/routes/list/sector/[slug]/+page.svelte
@@ -2,6 +2,8 @@
   import { abbreviateNumber } from "$lib/utils";
   import Table from "$lib/components/Table/Table.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
+  import SEO from "$lib/components/SEO.svelte";
+
   export let data;
 
   let rawData = data?.getSectorCategory;
@@ -16,6 +18,13 @@
   );
 </script>
 
+<SEO
+  title={`A List of Stocks in the ${data?.getParams}`}
+  description={`The ${data?.getParams} sector has a total of ${rawData?.length} stocks, with a
+    combined market cap of ${abbreviateNumber(totalMarketCap)} and a total revenue
+    of ${abbreviateNumber(totalRevenue)}.`}
+/>
+
 <section class="w-full overflow-hidden m-auto">
   <Infobox
     text={`The ${data?.getParams} sector has a total of ${rawData?.length} stocks, with a