update metadata

Author: aelmanaa

src/components/CCIP/Chain/Chain.astro

@@ -1,5 +1,5 @@
 ---
-import CcipLayout from "~/layouts/CcipLayout.astro"
+import CcipDirectoryLayout from "~/layouts/CcipDirectoryLayout.astro"
 import { getEntry, render } from "astro:content"
 import {
   Environment,
@@ -14,6 +14,8 @@ import ChainHero from "~/components/CCIP/ChainHero/ChainHero"
 import ChainTable from "~/components/CCIP/Tables/ChainTable"
 import { getTokenIconUrl } from "~/features/utils"
 import ChainTokenGrid from "./ChainTokenGrid"
+import { generateChainStructuredData } from "~/utils/ccipStructuredData"
+import StructuredData from "~/components/StructuredData.astro"
 
 interface Props {
   environment: Environment
@@ -44,16 +46,41 @@ const lanes = await getAllNetworkLanes({
 })
 
 const searchLanes = getSearchLanes({ environment })
+
+// Generate dynamic metadata for this specific chain
+const environmentText = environment === Environment.Mainnet ? "Mainnet" : "Testnet"
+const chainMetadata = {
+  title: `${network.name} CCIP Network - ${environmentText} Cross-Chain Configuration`,
+  description: `CCIP configuration for ${network.name} on ${environmentText}. View ${allTokens.length} supported tokens, active cross-chain lanes, fees, and technical specifications.`,
+  image: network.logo,
+  excerpt: `${network.name} CCIP network configuration ${environmentText.toLowerCase()} cross-chain interoperability ${network.chainType.toLowerCase()} supported tokens lanes fees technical specifications`,
+}
+
+// Generate structured data for this chain
+const currentURL = new URL(Astro.request.url).href
+const chainStructuredData = generateChainStructuredData(
+  network,
+  environment,
+  allTokens.length,
+  lanes.length,
+  currentURL
+)
 ---
 
-<CcipLayout
+<CcipDirectoryLayout
   frontmatter={{
-    title: `CCIP Supported Networks - ${network.name}`,
+    title: chainMetadata.title,
     section: "ccip",
+    metadata: {
+      description: chainMetadata.description,
+      image: chainMetadata.image,
+      excerpt: chainMetadata.excerpt,
+    },
   }}
   {headings}
   environment={environment}
 >
+  <StructuredData data={chainStructuredData} />
   <ChainHero
     chains={networks}
     tokens={allTokens}
@@ -96,7 +123,7 @@ const searchLanes = getSearchLanes({ environment })
       <ChainTokenGrid tokens={allTokens} network={network} client:only="react" environment={environment} />
     </div>
   </section>
-</CcipLayout>
+</CcipDirectoryLayout>
 
 <style scoped="false">
   .layout {

src/components/CCIP/Chain/DecommissionedChain.astro

@@ -1,10 +1,12 @@
 ---
-import CcipLayout from "~/layouts/CcipLayout.astro"
+import CcipDirectoryLayout from "~/layouts/CcipDirectoryLayout.astro"
 import { getEntry, render } from "astro:content"
 import { Environment, DecommissionedNetwork, getAllDecommissionedNetworks } from "~/config/data/ccip"
 import Breadcrumb from "~/components/CCIP/Breadcrumb/Breadcrumb"
 import Aside from "~/components/Aside.astro"
 import CopyValue from "~/components/CCIP/CopyValue/CopyValue"
+import { generateDecommissionedChainStructuredData } from "~/utils/ccipStructuredData"
+import StructuredData from "~/components/StructuredData.astro"
 
 interface Props {
   environment: Environment
@@ -24,16 +26,35 @@ const ccipExplorerUrl = `https://ccip.chain.link/`
 
 // Get all networks for potential search context
 const allDecommissionedNetworks = getAllDecommissionedNetworks({ filter: environment })
+
+// Generate dynamic metadata for this decommissioned chain
+const environmentText = environment === Environment.Mainnet ? "Mainnet" : "Testnet"
+const chainMetadata = {
+  title: `${network.name} CCIP Network (Decommissioned) - ${environmentText}`,
+  description: `Decommissioned CCIP network for ${network.name} on ${environmentText}. This chain is no longer active but historical transaction data remains accessible via CCIP Explorer.`,
+  image: network.logo,
+  excerpt: `${network.name} decommissioned CCIP network ${environmentText.toLowerCase()} historical data chain selector ${network.chainSelector} blockchain interoperability`,
+}
+
+// Generate structured data for this decommissioned chain
+const currentURL = new URL(Astro.request.url).href
+const decommissionedChainStructuredData = generateDecommissionedChainStructuredData(network, environment, currentURL)
 ---
 
-<CcipLayout
+<CcipDirectoryLayout
   frontmatter={{
-    title: `CCIP Decommissioned Network - ${network.name}`,
+    title: chainMetadata.title,
     section: "ccip",
+    metadata: {
+      description: chainMetadata.description,
+      image: chainMetadata.image,
+      excerpt: chainMetadata.excerpt,
+    },
   }}
   {headings}
   environment={environment}
 >
+  <StructuredData data={decommissionedChainStructuredData} />
   <!-- Hero Section - Consistent with ChainHero pattern -->
   <section class="ccip-decom-hero">
     <div class="ccip-decom-hero__content">
@@ -122,7 +143,7 @@ const allDecommissionedNetworks = getAllDecommissionedNetworks({ filter: environ
       </div>
     </div>
   </section>
-</CcipLayout>
+</CcipDirectoryLayout>
 
 <style scoped="false">
   /* Hero Section - Consistent with ChainHero */

src/components/CCIP/Landing/ccip-landing.astro

@@ -1,5 +1,5 @@
 ---
-import CcipLayout from "~/layouts/CcipLayout.astro"
+import CcipDirectoryLayout from "~/layouts/CcipDirectoryLayout.astro"
 import { getEntry, render } from "astro:content"
 import Hero from "~/components/CCIP/Hero/Hero"
 import {
@@ -43,7 +43,7 @@ const allTokens = tokens.map((token) => {
 const searchLanes = getSearchLanes({ environment })
 ---
 
-<CcipLayout frontmatter={entry.data} {headings} environment={environment}>
+<CcipDirectoryLayout frontmatter={entry.data} {headings} environment={environment}>
   <Hero chains={networks} tokens={allTokens} environment={environment} client:load lanes={searchLanes} />
   <section class="layout">
     <div>
@@ -60,7 +60,7 @@ const searchLanes = getSearchLanes({ environment })
       <TokenGrid tokens={allTokens} environment={environment} client:load />
     </div>
   </section>
-</CcipLayout>
+</CcipDirectoryLayout>
 
 <style>
   .layout {

src/components/CCIP/Token/Token.astro

@@ -1,5 +1,5 @@
 ---
-import CcipLayout from "~/layouts/CcipLayout.astro"
+import CcipDirectoryLayout from "~/layouts/CcipDirectoryLayout.astro"
 import { getEntry, render } from "astro:content"
 import {
   getAllNetworks,
@@ -22,6 +22,8 @@ import {
   getTokenIconUrl,
 } from "~/features/utils"
 import Drawer from "~/components/CCIP/Drawer/Drawer"
+import { generateTokenStructuredData } from "~/utils/ccipStructuredData"
+import StructuredData from "~/components/StructuredData.astro"
 
 interface Props {
   token: string
@@ -72,12 +74,29 @@ const tokenLanes = getAllTokenLanes({
 })
 
 const searchLanes = getSearchLanes({ environment })
+
+// Generate dynamic metadata for this specific token
+const environmentText = environment === Environment.Mainnet ? "Mainnet" : "Testnet"
+const tokenMetadata = {
+  title: `${token} Cross-Chain Token - CCIP ${environmentText} Networks`,
+  description: `${token} token availability across CCIP ${environmentText} networks. View ${chainsOfToken.length} supported chains, pool types, rate limits, and cross-chain transfer mechanisms.`,
+  image: logo,
+  excerpt: `${token} cross-chain token CCIP ${environmentText.toLowerCase()} supported networks pool types rate limits transfer mechanisms blockchain interoperability`,
+}
+
+// Generate structured data for this token page
+const tokenStructuredData = generateTokenStructuredData(token, environment, chainsOfToken.length, Astro.url.href)
 ---
 
-<CcipLayout
+<CcipDirectoryLayout
   frontmatter={{
-    title: `CCIP Supported Tokens - ${token}`,
+    title: tokenMetadata.title,
     section: "ccip",
+    metadata: {
+      description: tokenMetadata.description,
+      image: tokenMetadata.image,
+      excerpt: tokenMetadata.excerpt,
+    },
   }}
   {headings}
   environment={environment}
@@ -137,7 +156,9 @@ const searchLanes = getSearchLanes({ environment })
       />
     </div>
   </section>
-</CcipLayout>
+</CcipDirectoryLayout>
+
+<StructuredData data={tokenStructuredData} />
 
 <style scoped="false">
   .layout {

src/layouts/CcipLayout.astro src/layouts/CcipDirectoryLayout.astrosrc/layouts/CcipLayout.astro renamed to src/layouts/CcipDirectoryLayout.astro

@@ -32,10 +32,15 @@ const formattedContentTitle = `${frontmatter.title} | ${SITE.title}`
 
 const includeLinkToWalletScript = !!Astro.props.frontmatter.metadata?.linkToWallet
 
+// Only set default metadata if not already provided by the component
 frontmatter.metadata = frontmatter.metadata || {}
-frontmatter.metadata.image = "/files/ccip-directory.jpg"
-frontmatter.metadata.description =
-  "Access real-time information and operational statuses for Chainlink Cross-Chain Interoperability Protocol (CCIP) networks, lanes, and tokens."
+if (!frontmatter.metadata.image) {
+  frontmatter.metadata.image = "/files/ccip-directory.jpg"
+}
+if (!frontmatter.metadata.description) {
+  frontmatter.metadata.description =
+    "Access real-time information and operational statuses for Chainlink Cross-Chain Interoperability Protocol (CCIP) networks, lanes, and tokens."
+}
 ---
 
 <BaseLayout title={formattedContentTitle} metadata={frontmatter.metadata}>