diff --git a/src/routes/etf/[tickerID]/+page.svelte b/src/routes/etf/[tickerID]/+page.svelte
index 9f156ede..7c204eea 100644
--- a/src/routes/etf/[tickerID]/+page.svelte
+++ b/src/routes/etf/[tickerID]/+page.svelte
@@ -17,6 +17,7 @@
   } from "$lib/store";
   import { onDestroy, onMount } from "svelte";
   import WIIM from "$lib/components/WIIM.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   import News from "$lib/components/News.svelte";
   import ETFSidecard from "$lib/components/ETFSidecard.svelte";
@@ -666,44 +667,10 @@
   }
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {data?.companyName} ({$etfTicker}) Stock Price, Quote & News · Stocknear
-  </title>
-
-  <meta
-    name="description"
-    content={`Get a real-time ${data?.companyName} (${$etfTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
-  />
-  <!-- Other meta tags -->
-  <meta
-    property="og:title"
-    content={`${data?.companyName} (${$etfTicker}) Stock Price, Quote & News · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Get a real-time ${data?.companyName} (${$etfTicker}) stock chart, price quote with breaking news, financials, statistics, charts 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={`${data?.companyName} (${$etfTicker}) Stock Price, Quote & News · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Get a real-time ${data?.companyName} (${$etfTicker}) stock chart, price quote with breaking news, financials, statistics, charts 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={`${$etfTicker} ${displayLegend?.change >= 0 ? "▲" : "▼"} ${displayLegend?.change}%`}
+  description={`Get a real-time ${data?.companyName} (${$etfTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
+/>
 
 <section class="bg-default min-h-screen pb-40 overflow-hidden w-full">
   <div class="w-full m-auto overflow-hidden">
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index f6f860a2..5acb01ac 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -4,7 +4,6 @@
   import {
     getCache,
     setCache,
-    numberOfUnreadNotification,
     globalForm,
     realtimePrice,
     priceIncrease,
@@ -18,6 +17,7 @@
   import { onDestroy, onMount } from "svelte";
   //import BullBearSay from "$lib/components/BullBearSay.svelte";
   import WIIM from "$lib/components/WIIM.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   import News from "$lib/components/News.svelte";
   import NextEarnings from "$lib/components/NextEarnings.svelte";
@@ -669,44 +669,10 @@
   }
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {data?.companyName} ({$stockTicker}) Stock Price, Quote & News · Stocknear
-  </title>
-
-  <meta
-    name="description"
-    content={`Get a real-time ${data?.companyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
-  />
-  <!-- Other meta tags -->
-  <meta
-    property="og:title"
-    content={`${data?.companyName} (${$stockTicker}) Stock Price, Quote & News · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Get a real-time ${data?.companyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts 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={`${data?.companyName} (${$stockTicker}) Stock Price, Quote & News · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Get a real-time ${data?.companyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts 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={`${$stockTicker} ${displayLegend?.change >= 0 ? "▲" : "▼"} ${displayLegend?.change}%`}
+  description={`Get a real-time ${data?.companyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
+/>
 
 <section class="bg-default min-h-screen pb-40 overflow-hidden w-full">
   <div class="w-full m-auto overflow-hidden">