From 6e5338a3ac451954d30de5fa5035914502e3f685 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 29 Jan 2025 13:43:50 +0100
Subject: [PATCH] seo optimized

---
 src/lib/components/SEO.svelte              |  5 ++-
 src/routes/economic-indicator/+page.svelte | 36 +++------------
 src/routes/etf/+page.svelte                | 42 +++---------------
 src/routes/imprint/+page.svelte            | 33 +-------------
 src/routes/industry/+layout.svelte         | 28 ------------
 src/routes/industry/+page.svelte           |  6 +++
 src/routes/industry/all/+page.svelte       |  6 +++
 src/routes/industry/sectors/+page.svelte   |  6 +++
 src/routes/insider-tracker/+page.svelte    | 35 +++------------
 src/routes/price-alert/+page.svelte        | 35 +++------------
 src/routes/pricing/+page.svelte            | 36 +++------------
 src/routes/privacy-policy/+page.svelte     | 21 +--------
 src/routes/stock-screener/+page.svelte     | 38 +++-------------
 src/routes/stocks/+page.svelte             | 51 +++-------------------
 src/routes/terms-of-use/+page.svelte       | 22 +---------
 src/routes/watchlist/options/+page.svelte  | 36 +++------------
 src/routes/watchlist/stocks/+page.svelte   | 35 +++------------
 17 files changed, 74 insertions(+), 397 deletions(-)

diff --git a/src/lib/components/SEO.svelte b/src/lib/components/SEO.svelte
index 973eaa8c..a9f3e8ee 100644
--- a/src/lib/components/SEO.svelte
+++ b/src/lib/components/SEO.svelte
@@ -7,7 +7,10 @@
 
 <svelte:head>
   <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
+  <meta
+    name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
+  />
   <title>
     {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
     {title} - Stocknear
diff --git a/src/routes/economic-indicator/+page.svelte b/src/routes/economic-indicator/+page.svelte
index 5ccacde8..ded1c8bd 100644
--- a/src/routes/economic-indicator/+page.svelte
+++ b/src/routes/economic-indicator/+page.svelte
@@ -4,7 +4,7 @@
   import { Chart } from "svelte-echarts";
   import Lazy from "$lib/components/Lazy.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
-
+  import SEO from "$lib/components/SEO.svelte";
   import { init, use } from "echarts/core";
   import { LineChart, BarChart } from "echarts/charts";
   import { GridComponent, TooltipComponent } from "echarts/components";
@@ -618,36 +618,10 @@
   });
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} US
-    Economic Indicator · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`Economic indicators measure economic performance and identify growth trends.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta property="og:title" content={`US Economic Indicator · Stocknear`} />
-  <meta
-    property="og:description"
-    content={`Economic indicators measure economic performance and identify growth trends.`}
-  />
-  <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={`US Economic Indicator · Stocknear`} />
-  <meta
-    name="twitter:description"
-    content={`Economic indicators measure economic performance and identify growth trends.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="US Economic Indicators - Track Key Growth Metrics"
+  description="Monitor key US economic indicators to measure economic performance and identify growth trends. Stay informed with real-time data and analysis."
+/>
 
 <section
   class="w-full max-w-screen-2xl overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3"
diff --git a/src/routes/etf/+page.svelte b/src/routes/etf/+page.svelte
index ab766c18..3bad5db3 100644
--- a/src/routes/etf/+page.svelte
+++ b/src/routes/etf/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { numberOfUnreadNotification } from "$lib/store";
+  import SEO from "$lib/components/SEO.svelte";
 
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
   import Table from "$lib/components/Table/Table.svelte";
@@ -9,42 +9,10 @@
   let rawData = data?.getStockList;
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} List
-    of All Stock ETF Symbols · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`An overview of all the etf ticker symbols listed. Explore the stock pages to learn about the company's price history, financials, key stats, and more.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta
-    property="og:title"
-    content={`List of All ETF Ticker Symbols · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`An overview of all the etf ticker symbols listed. Explore the stock pages to learn about the company's price history, financials, key stats, and more.`}
-  />
-  <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={`List of All ETF Ticker Symbols · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`An overview of all the etf ticker symbols listed. Explore the stock pages to learn about the company's price history, financials, key stats, and more.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="List of All ETF Ticker Symbols"
+  description="An overview of all the ETF symbols listed. Explore the ETF pages to learn about the fund's price history, holdings, dividends and more."
+/>
 
 <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/imprint/+page.svelte b/src/routes/imprint/+page.svelte
index 6e659d10..b967002c 100644
--- a/src/routes/imprint/+page.svelte
+++ b/src/routes/imprint/+page.svelte
@@ -1,40 +1,11 @@
 <script>
-  import { numberOfUnreadNotification } from "$lib/store";
+  import SEO from "$lib/components/SEO.svelte";
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
   const emailAddress = "support@stocknear.com";
 </script>
 
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Imprint
-    · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <meta
-    name="description"
-    content="Imprint of Stocknear. Contact Information if you need help."
-  />
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Imprint · Stocknear" />
-  <meta
-    property="og:description"
-    content="Imprint of Stocknear. Contact Information if you need help."
-  />
-  <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="Imprint · Stocknear" />
-  <meta
-    name="twitter:description"
-    content="Imprint of Stocknear. Contact Information if you need help."
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO title="Imprint" description="" />
 
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
diff --git a/src/routes/industry/+layout.svelte b/src/routes/industry/+layout.svelte
index 434cb2d2..a8e68596 100644
--- a/src/routes/industry/+layout.svelte
+++ b/src/routes/industry/+layout.svelte
@@ -32,34 +32,6 @@
   }
 </script>
 
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Industry
-    · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <meta name="description" content="Lists of stocks industry and sectors." />
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Industry · Stocknear" />
-  <meta
-    property="og:description"
-    content="Lists of stocks industry and sectors."
-  />
-  <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="Industry · Stocknear" />
-  <meta
-    name="twitter:description"
-    content="Lists of stocks industry and sectors."
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
-
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 px-4 lg:px-3 mb-20"
 >
diff --git a/src/routes/industry/+page.svelte b/src/routes/industry/+page.svelte
index 532d20ca..e28b3609 100644
--- a/src/routes/industry/+page.svelte
+++ b/src/routes/industry/+page.svelte
@@ -2,6 +2,7 @@
   import { screenWidth } from "$lib/store";
   import IndustryTable from "$lib/components/IndustryTable.svelte";
   import { industryList, sectorList, sectorNavigation } from "$lib/utils";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
   let rawData = data?.getSectorIndustryOverview;
@@ -9,6 +10,11 @@
   $: charNumber = $screenWidth < 640 ? 20 : 30;
 </script>
 
+<SEO
+  title="Stock Sectors & Industries"
+  description={`A list of ${sectorList?.length} sectors and ${industryList?.length} industries used to categorize stocks based on the company's primary business activity.`}
+/>
+
 <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/industry/all/+page.svelte b/src/routes/industry/all/+page.svelte
index d165bdd4..aa2a51dd 100644
--- a/src/routes/industry/all/+page.svelte
+++ b/src/routes/industry/all/+page.svelte
@@ -2,6 +2,7 @@
   import { screenWidth } from "$lib/store";
   import { abbreviateNumber } from "$lib/utils";
   import TableHeader from "$lib/components/Table/TableHeader.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
   let rawData = data?.getIndustryOverview;
@@ -91,6 +92,11 @@
   };
 </script>
 
+<SEO
+  title="Stock Industries"
+  description={`A list of ${rawData?.length} stock industries that can be sorted by total market cap, PE ratio, profit margin, performance and other metrics.`}
+/>
+
 <section class="w-full overflow-hidden m-auto">
   <!-- Page wrapper -->
   <div class="flex justify-center w-full m-auto h-full overflow-hidden">
diff --git a/src/routes/industry/sectors/+page.svelte b/src/routes/industry/sectors/+page.svelte
index cfcb975d..856ae12d 100644
--- a/src/routes/industry/sectors/+page.svelte
+++ b/src/routes/industry/sectors/+page.svelte
@@ -2,6 +2,7 @@
   import { screenWidth } from "$lib/store";
   import { abbreviateNumber, sectorNavigation } from "$lib/utils";
   import TableHeader from "$lib/components/Table/TableHeader.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
   let rawData = data?.getSectorOverview;
@@ -90,6 +91,11 @@
   };
 </script>
 
+<SEO
+  title="Stock Sectors"
+  description={`A list of ${rawData?.length} sectors that can be sorted by total market cap, PE ratio, profit margin, performance and other metrics.`}
+/>
+
 <section class="w-full overflow-hidden m-auto">
   <!-- Page wrapper -->
   <div class="flex justify-center w-full m-auto h-full overflow-hidden">
diff --git a/src/routes/insider-tracker/+page.svelte b/src/routes/insider-tracker/+page.svelte
index 65dba73c..4956de6f 100644
--- a/src/routes/insider-tracker/+page.svelte
+++ b/src/routes/insider-tracker/+page.svelte
@@ -6,6 +6,7 @@
   import TableHeader from "$lib/components/Table/TableHeader.svelte";
   import HoverStockChart from "$lib/components/HoverStockChart.svelte";
   import RatingsChart from "$lib/components/RatingsChart.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
 
@@ -158,36 +159,10 @@
   }
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Insider
-    Tracker · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`Stay ahead of the market with our real-time insider tracking page.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta property="og:title" content={`Insider Tracker · Stocknear`} />
-  <meta
-    property="og:description"
-    content={`Stay ahead of the market with our real-time insider tracking page.`}
-  />
-  <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={`Insider Tracker · Stocknear`} />
-  <meta
-    name="twitter:description"
-    content={`Stay ahead of the market with our real-time insider tracking page.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="Insider Tracker - Real-Time Insider Trading Data"
+  description="Stay ahead of the market with real-time insider trading data. Track insider buys, sells, and ownership changes to make informed investment decisions."
+/>
 
 <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/price-alert/+page.svelte b/src/routes/price-alert/+page.svelte
index 29e25dab..3f98fce4 100644
--- a/src/routes/price-alert/+page.svelte
+++ b/src/routes/price-alert/+page.svelte
@@ -17,6 +17,7 @@
   import { Combobox } from "bits-ui";
   import PriceAlert from "$lib/components/PriceAlert.svelte";
   import { onMount } from "svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
 
@@ -260,36 +261,10 @@
   }
 </script>
 
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Price
-    Alert · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <meta
-    name="description"
-    content="Set a price alert and get instant notification."
-  />
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Price Alert · Stocknear" />
-  <meta
-    property="og:description"
-    content="Set a price alert and get instant notification."
-  />
-  <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="Price Alert · Stocknear" />
-  <meta
-    name="twitter:description"
-    content="Set a price alert and get instant notification."
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="Stock Price Alert - Get Instant Notifications"
+  description="Set up stock price alerts and receive instant notifications when your target price is reached. Stay ahead in the market with real-time updates."
+/>
 
 <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/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index e387372d..14e5742b 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -3,6 +3,7 @@
   import { openLemonSqueezyUrl } from "$lib/lemonsqueezy";
   //import Discount from '$lib/components/Discount.svelte';
   import { onMount } from "svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   //import proTierLogo from "$lib/images/pro_tier_logo.png";
 
@@ -71,42 +72,17 @@
 </script>
 
 <svelte:head>
-  <meta charset="utf-8" />
-
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Pricing
-    · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`Get unlimited access to all of our data and tools, including full financial history, full ETF holdings, and more.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta property="og:title" content={`Pricing · Stocknear`} />
-  <meta
-    property="og:description"
-    content={`Get unlimited access to all of our data and tools, including full financial history, full ETF holdings, and more.`}
-  />
-  <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={`Pricing · Stocknear`} />
-  <meta
-    name="twitter:description"
-    content={`Get unlimited access to all of our data and tools, including full financial history, full ETF holdings, and more.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-
   <script>
     window.lemonSqueezyAffiliateConfig = { store: "stocknear" };
   </script>
   <script src="https://lmsqueezy.com/affiliate.js" defer></script>
 </svelte:head>
 
+<SEO
+  title="Pricing"
+  descriptiion="Get unlimited access to all of our data and tools, including full financial history, full ETF holdings, and more."
+/>
+
 <section
   class="bg-default min-h-screen mb-40 w-full max-w-3xl sm:max-w-screen-lg pt-10 m-auto"
 >
diff --git a/src/routes/privacy-policy/+page.svelte b/src/routes/privacy-policy/+page.svelte
index e71db866..5f324433 100644
--- a/src/routes/privacy-policy/+page.svelte
+++ b/src/routes/privacy-policy/+page.svelte
@@ -1,27 +1,10 @@
 <script>
-  import { numberOfUnreadNotification } from "$lib/store";
+  import SEO from "$lib/components/SEO.svelte";
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
   const emailAddress = "support@stocknear.com";
 </script>
 
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Privacy
-    Policy · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Privacy Policy · Stocknear" />
-  <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="Privacy Policy · Stocknear" />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO title="Privacy Policiy" description="" />
 
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
diff --git a/src/routes/stock-screener/+page.svelte b/src/routes/stock-screener/+page.svelte
index a3a9d143..77e35a10 100644
--- a/src/routes/stock-screener/+page.svelte
+++ b/src/routes/stock-screener/+page.svelte
@@ -22,6 +22,7 @@
   import DownloadData from "$lib/components/DownloadData.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
   import Input from "$lib/components/Input.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   //const userConfirmation = confirm('Unsaved changes detected. Leaving now will discard your strategy. Continue?');
 
@@ -2484,39 +2485,10 @@ const handleKeyDown = (event) => {
   */
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta
-    name="viewport"
-    content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
-  />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Stock
-    Screener · Stocknear
-  </title>
-
-  <meta
-    name="description"
-    content={`Build your Stock Screener to find profitable stocks.`}
-  />
-  <!-- Other meta tags -->
-  <meta property="og:title" content={`Stock Screener · Stocknear`} />
-  <meta
-    property="og:description"
-    content={`Build your Stock Screener to find profitable stocks.`}
-  />
-  <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={`Stock Screener · Stocknear`} />
-  <meta
-    name="twitter:description"
-    content={`Build your Stock Screener to find profitable stocks.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="Free Stock Screener - Search, Filter and Analyze Stocks"
+  description={`A free stock screener to search, filter and analyze stocks by ${allRows?.length} different indicators and metrics. The screener data is updated once per minute.`}
+/>
 
 <svelte:window on:scroll={handleScroll} />
 
diff --git a/src/routes/stocks/+page.svelte b/src/routes/stocks/+page.svelte
index e9aaf2e5..19d65962 100644
--- a/src/routes/stocks/+page.svelte
+++ b/src/routes/stocks/+page.svelte
@@ -1,58 +1,17 @@
 <script lang="ts">
-  import { numberOfUnreadNotification } from "$lib/store";
-
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
   import Table from "$lib/components/Table/Table.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
 
   let rawData = data?.getStockList;
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} List
-    of All Stock Ticker Symbols · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`An overview of all the stock ticker symbols listed. Explore the stock pages to learn about the company's price history, financials, key stats, and more.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta
-    property="og:title"
-    content={`List of All Stock Ticker Symbols · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`An overview of all the stock ticker symbols listed. Explore the stock pages to learn about the company's price history, financials, key stats, and more.`}
-  />
-  <meta
-    property="og:image"
-    content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"
-  />
-  <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={`List of All Stock Ticker Symbols · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`An overview of all the stock ticker symbols listed. Explore the stock pages to learn about the company's price history, financials, key stats, and more.`}
-  />
-  <meta
-    name="twitter:image"
-    content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="List of All Stock Tickers Symbols"
+  description="An overview of all the stock ticker symbols listed. Explore the stock pages to learn about the company's price history, financials, key stats, and more."
+/>
 
 <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/terms-of-use/+page.svelte b/src/routes/terms-of-use/+page.svelte
index 519f4deb..12e1fa35 100644
--- a/src/routes/terms-of-use/+page.svelte
+++ b/src/routes/terms-of-use/+page.svelte
@@ -1,27 +1,9 @@
 <script>
-  import { numberOfUnreadNotification } from "$lib/store";
-
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
+  import SEO from "$lib/components/SEO.svelte";
 </script>
 
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Terms
-    of Use · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Terms of Use · Stocknear" />
-  <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="Terms of Use · Stocknear" />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO title="Terms of Use" description="" />
 
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
diff --git a/src/routes/watchlist/options/+page.svelte b/src/routes/watchlist/options/+page.svelte
index 8281cfc4..8163f000 100644
--- a/src/routes/watchlist/options/+page.svelte
+++ b/src/routes/watchlist/options/+page.svelte
@@ -3,7 +3,7 @@
 
   import HoverStockChart from "$lib/components/HoverStockChart.svelte";
   import { abbreviateNumber } from "$lib/utils";
-
+  import SEO from "$lib/components/SEO.svelte";
   import { onMount } from "svelte";
   import toast from "svelte-french-toast";
 
@@ -135,36 +135,10 @@
   });
 </script>
 
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Options
-    Watchlist · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <meta
-    name="description"
-    content="A option watchlist tracker tool. Add stocks and ETFs to keep track of their performance."
-  />
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Options Watchlist · Stocknear" />
-  <meta
-    property="og:description"
-    content="A option watchlist tracker tool. Add stocks and ETFs to keep track of their performance."
-  />
-  <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="Options Watchlist · Stocknear" />
-  <meta
-    name="twitter:description"
-    content="A option watchlist tracker tool. Add stocks and ETFs to keep track of their performance."
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="Options Watchlist Tracker - Monitor Stocks & ETFs"
+  description="Track options, stocks, and ETFs in real time with our options watchlist tool. Stay updated on price movements, trends, and market performance."
+/>
 
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40 lg:px-3"
diff --git a/src/routes/watchlist/stocks/+page.svelte b/src/routes/watchlist/stocks/+page.svelte
index f8f45035..f697d1de 100644
--- a/src/routes/watchlist/stocks/+page.svelte
+++ b/src/routes/watchlist/stocks/+page.svelte
@@ -17,6 +17,7 @@
   import HoverStockChart from "$lib/components/HoverStockChart.svelte";
   import { goto } from "$app/navigation";
   import TableHeader from "$lib/components/Table/TableHeader.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
   let timeoutId;
@@ -1009,36 +1010,10 @@
   };
 </script>
 
-<svelte:head>
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Stock
-    Watchlist · Stocknear</title
-  >
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-
-  <meta
-    name="description"
-    content="A stock watchlist tracker tool. Add stocks and ETFs to keep track of their performance."
-  />
-  <!-- Other meta tags -->
-  <meta property="og:title" content="Stock Watchlist · Stocknear" />
-  <meta
-    property="og:description"
-    content="A stock watchlist tracker tool. Add stocks and ETFs to keep track of their performance."
-  />
-  <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="Stock Watchlist · Stocknear" />
-  <meta
-    name="twitter:description"
-    content="A stock watchlist tracker tool. Add stocks and ETFs to keep track of their performance."
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
+<SEO
+  title="Stock Watchlist Tracker - Monitor Stocks & ETFs"
+  description="Track your favorite stocks and ETFs in one place. Use our stock watchlist tool to monitor performance, price changes, and market trends in real time."
+/>
 
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40"