From ce21b009d6a982fa8adae26a5763c9904f5231d4 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 30 Jan 2025 22:50:51 +0100
Subject: [PATCH] optimize seo

---
 .../statistics/fail-to-deliver/+page.svelte   | 35 +++-------------
 .../statistics/market-cap/+page.svelte        | 39 ++++--------------
 .../statistics/price-reaction/+page.svelte    | 41 +++----------------
 3 files changed, 18 insertions(+), 97 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/statistics/fail-to-deliver/+page.svelte b/src/routes/stocks/[tickerID]/statistics/fail-to-deliver/+page.svelte
index b723a048..8ca42c8e 100644
--- a/src/routes/stocks/[tickerID]/statistics/fail-to-deliver/+page.svelte
+++ b/src/routes/stocks/[tickerID]/statistics/fail-to-deliver/+page.svelte
@@ -7,6 +7,7 @@
   import { abbreviateNumber } from "$lib/utils";
   import Infobox from "$lib/components/Infobox.svelte";
   import FailToDeliver from "$lib/components/FailToDeliver.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
 
@@ -60,36 +61,10 @@
   changePercentageYearAgo = computeYearOverYearChange(rawData);
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {$displayCompanyName} ({$stockTicker}) Fail-to-Deliver Shares · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`Historical Fail-to-Deliver shares of ${$stockTicker}.`}
-  />
-  <meta
-    property="og:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Fail-to-Deliver Shares · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Historical Fail-to-Deliver shares of ${$stockTicker}.`}
-  />
-  <meta property="og:type" content="website" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta
-    name="twitter:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Fail-to-Deliver Shares · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Historical Fail-to-Deliver shares of ${$stockTicker}.`}
-  />
-</svelte:head>
+<SEO
+  title={`${$displayCompanyName} (${$stockTicker}) Fail-to-Deliver Shares`}
+  description={`Historical Fail-to-Deliver shares of ${$displayCompanyName}.`}
+/>
 
 <section
   class="bg-default w-full overflow-hidden min-h-screen text-white h-full"
diff --git a/src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte b/src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte
index 55437601..dddb549a 100644
--- a/src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte
+++ b/src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte
@@ -1,10 +1,8 @@
 <script lang="ts">
-  import {
-    numberOfUnreadNotification,
-    displayCompanyName,
-    stockTicker,
-  } from "$lib/store";
+  import { displayCompanyName, stockTicker } from "$lib/store";
   import { abbreviateNumber, monthNames } from "$lib/utils";
+  import SEO from "$lib/components/SEO.svelte";
+
   import * as DropdownMenu from "$lib/components/shadcn/dropdown-menu/index.js";
   import { Button } from "$lib/components/shadcn/button/index.js";
   //import * as XLSX from 'xlsx';
@@ -393,33 +391,10 @@
   $: capCategory = getMarketCapCategory(data?.getStockQuote?.marketCap);
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {$displayCompanyName} ({$stockTicker}) Market Cap & Net Worth · Stocknear
-  </title>
-  <meta name="description" content={`Historical Market Cap of the company.`} />
-  <meta
-    property="og:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Market Cap & Net Worth · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Historical Market Cap of the company.`}
-  />
-  <meta property="og:type" content="website" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta
-    name="twitter:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Market Cap & Net Worth · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Historical Market Cap of the company.`}
-  />
-</svelte:head>
+<SEO
+  title={`${$displayCompanyName} (${$stockTicker}) Market Cap & Net Worth`}
+  description={`Historical Market Cap of ${$displayCompanyName}.`}
+/>
 
 <section
   class="bg-default w-full overflow-hidden min-h-screen text-white h-full"
diff --git a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
index 6584d61b..5904dcc2 100644
--- a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
+++ b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
@@ -1,11 +1,8 @@
 <script lang="ts">
-  import {
-    numberOfUnreadNotification,
-    displayCompanyName,
-    stockTicker,
-  } from "$lib/store";
+  import { displayCompanyName, stockTicker } from "$lib/store";
   import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
 
@@ -35,36 +32,10 @@
   }
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {$displayCompanyName} ({$stockTicker}) Value-at-Risk Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`Historical Value-at-Risk of ${$stockTicker}.`}
-  />
-  <meta
-    property="og:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Value-at-Risk · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Historical Value-at-Risk of ${$stockTicker}.`}
-  />
-  <meta property="og:type" content="website" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta
-    name="twitter:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Value-at-Risk · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Historical Value-at-Risk of ${$stockTicker}.`}
-  />
-</svelte:head>
+<SEO
+  title={`Price Reaction ${$displayCompanyName} (${$stockTicker})`}
+  description={`Historical price reaction of ${$displayCompanyName} based on the earnings releases.`}
+/>
 
 <section
   class="bg-default w-full overflow-hidden min-h-screen text-white h-full"