From 739fee2c6d8684871bcd1c83b229796a13398b39 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Tue, 15 Apr 2025 11:43:15 +0200
Subject: [PATCH] add structured data scheme

---
 .../ArticleBreadcrumbStructuredData.svelte    | 43 +++++++++++++++++++
 .../components/FAQStructuredDataTag.svelte    | 25 +++++++++++
 src/lib/components/Footer.svelte              |  8 ++--
 src/routes/blog/article/[slug]/+page.svelte   | 11 +++++
 4 files changed, 82 insertions(+), 5 deletions(-)
 create mode 100644 src/lib/components/ArticleBreadcrumbStructuredData.svelte
 create mode 100644 src/lib/components/FAQStructuredDataTag.svelte

diff --git a/src/lib/components/ArticleBreadcrumbStructuredData.svelte b/src/lib/components/ArticleBreadcrumbStructuredData.svelte
new file mode 100644
index 00000000..44c3bd44
--- /dev/null
+++ b/src/lib/components/ArticleBreadcrumbStructuredData.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+  export let title: string;
+  export let datePublished: string;
+  export let dateModified: string;
+  export let image: string | undefined;
+  export let url: string;
+</script>
+
+{@html `<script type="application/ld+json">
+    [{
+      "@context": "https://schema.org",
+      "@type": "Article",
+      "headline": "${title}",
+      ${
+        image &&
+        `"image": [
+        "${image}"
+       ],`
+      }
+      "datePublished": "${datePublished}",
+      "dateModified": "${dateModified}",
+      "author": [{
+          "@type": "Person",
+          "name": "Jack Landon",
+          "url": "https://stocknear.com/about"
+        }]
+    },
+    {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [{
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Blog",
+            "item": "https://stocknear.com/${url}
+        },{
+            "@type": "ListItem",
+            "position": 2,
+            "name": "${title}"
+        }]
+        }
+]
+</script>`}
diff --git a/src/lib/components/FAQStructuredDataTag.svelte b/src/lib/components/FAQStructuredDataTag.svelte
new file mode 100644
index 00000000..9720b752
--- /dev/null
+++ b/src/lib/components/FAQStructuredDataTag.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  export let faqs: {
+    question: string;
+    answer: string;
+  }[];
+
+  let mappedFaqs = faqs.map((faq, index) => {
+    return `{
+            "@type": "Question",
+            "name": "${faq.question}",
+            "acceptedAnswer": {
+                "@type": "Answer",
+                "text": "${faq.answer}"
+            }
+        }`;
+  });
+</script>
+
+{@html `<script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "FAQPage",
+      "mainEntity": [${mappedFaqs}]
+    }
+</script>`}
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 379366a9..31193e97 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -236,14 +236,12 @@
     </div>
 
     <div class="flex flex-col">
-      <div class="border-b border-gray-700 w-full pb-2">Made in EU 🇪🇺</div>
+      <div class="border-b border-gray-700 w-full"></div>
       <div
         class="flex flex-col sm:flex-row sm:justify-between items-start sm:items-center mt-6 text-md text-gray-300 mb-5"
       >
-        <span class="mb-2 sm:mb-0">Stocknear is 100% Open Source⚡ </span>
-        <span class="hidden sm:inline-block">
-          © 2025 Stocknear. All Rights Reserved.
-        </span>
+        <span class="mb-2 sm:mb-0 inline-block"> Made in EU 🇪🇺</span>
+        <span class="">Stocknear is 100% Open Source⚡ </span>
       </div>
     </div>
   </div>
diff --git a/src/routes/blog/article/[slug]/+page.svelte b/src/routes/blog/article/[slug]/+page.svelte
index 5e145cda..2ee2b7b5 100644
--- a/src/routes/blog/article/[slug]/+page.svelte
+++ b/src/routes/blog/article/[slug]/+page.svelte
@@ -1,6 +1,7 @@
 <script>
   import { getImageURL } from "$lib/utils";
   import SEO from "$lib/components/SEO.svelte";
+  import ArticleBreadcrumbStructuredData from "$lib/components/ArticleBreadcrumbStructuredData.svelte";
   export let data;
 
   let article = data?.getArticle;
@@ -20,6 +21,16 @@
     : ""}
 />
 
+<ArticleBreadcrumbStructuredData
+  title={article?.title}
+  datePublished={article.created}
+  dateModified={article?.updated}
+  url={`blog/article/${data?.getParams}`}
+  image={article?.cover
+    ? getImageURL(article?.collectionId, article?.id, article?.cover)
+    : ""}
+/>
+
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-3 px-4 lg:px-3"
 >