Merge pull request #94 from bitlogic/SBIT-490

datos estructurados para los blogs

Author: marino-martin

src/templates/BlogItemDetail.js

@@ -5,21 +5,53 @@ import Layout from "../components/layout"
 import { Seo, BannerTop } from "../components/index.js"
 import "./BlogItemDetail.scss"
 import PropTypes from "prop-types"
+import { Helmet } from "react-helmet"
 import { getImage, GatsbyImage } from "gatsby-plugin-image"
 
 const BlogDetail = ({ data }) => {
-  const { title, description, image, imagePage, author, seo } =
+  const { title, description, image, imagePage, author, seo, published_at, updated_at } =
     data?.allStrapiArticle?.nodes[0] || {}
 
   const bannerTop = imagePage ? { title, imagePage } : { title, image }
 
+  const structuredData = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    "headline": seo?.pageTitle || title, // Usa pageTitle de SEO o el título
+    "description": seo?.pageDescription || description,
+    "image": imagePage?.url || image?.url, // Imagen principal
+    "author": author?.map(auth => ({
+      "@type": "Person",
+      "name": auth.name,
+    })),
+    "datePublished": published_at, // Ajusta con la fecha real
+    "dateModified": updated_at, // Ajusta con la fecha real
+    "mainEntityOfPage": {
+      "@type": "WebPage",
+      "@id": `https://es.bitlogic.io/blog/${data?.allStrapiArticle?.nodes[0]?.slug}`,
+    },
+    "publisher": {
+      "@type": "Organization",
+      "name": "Bitlogic",
+      "logo": {
+        "@type": "ImageObject",
+        "url": "https://bitlogic.io/static/64f396cb88cfcbfda46b86c5218242f2/de081/Logo_Bit_azul_7e725e9726.webp", // URL del logo del sitio
+      },
+    },
+  }
+
   return (
     <Layout>
       <Seo
         title={seo?.pageTitle}
         description={seo?.pageDescription}
         keywords={seo?.pageKeywords}
       />
+      <Helmet>
+        <script type="application/ld+json">
+          {JSON.stringify(structuredData)}
+        </script>
+      </Helmet>
       <BannerTop banner={bannerTop} />
       <div className="detail__container row">
         <div className="col-lg-12">
@@ -110,6 +142,8 @@ export const query = graphql`
         title
         description
         slug
+        published_at
+        updated_at
         seo {
           pageTitle
           pageDescription