diff --git a/packages/ui/components/DataFeedDetails.vue b/packages/ui/components/DataFeedDetails.vue index 13016655..b59cffbe 100644 --- a/packages/ui/components/DataFeedDetails.vue +++ b/packages/ui/components/DataFeedDetails.vue @@ -257,7 +257,41 @@ watch( }, { deep: true }, ) - +useHead({ + title: `${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'}`, + meta: [ + { + hid: 'title', + name: 'title', + content: `${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'}`, + }, + { + hid: 'description', + name: 'description', + content: `Last result of ${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'} is ${lastResultValue.value} at ${lastResultDate.value}`, + }, + { + hid: 'twitter:title', + name: 'twitter:title', + content: `${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'}`, + }, + { + hid: 'twitter:description', + name: 'twitter:description', + content: `Last result of ${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'} is ${lastResultValue.value} at ${lastResultDate.value}`, + }, + { + hid: 'og:title', + property: 'og:title', + content: `${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'}`, + }, + { + hid: 'og:description', + property: 'og:description', + content: `Last result of ${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'} is ${lastResultValue.value} at ${lastResultDate.value}`, + }, + ], +}) useSeoMeta({ ogTitle: () => `${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'}`, diff --git a/packages/ui/components/EcosystemNetworkList.vue b/packages/ui/components/EcosystemNetworkList.vue index b919f2c0..a6c9e2d7 100644 --- a/packages/ui/components/EcosystemNetworkList.vue +++ b/packages/ui/components/EcosystemNetworkList.vue @@ -45,18 +45,6 @@ import { generateNavOptions } from '../utils/generateNavOptions' const store = useStore() const route = useRoute() const router = useRouter() - -useServerSeoMeta({ - ogTitle: () => `Witnet Data Feeds on ${currentEcosystemSeoFormat.value}`, - title: () => `Witnet Data Feeds on ${currentEcosystemSeoFormat.value}`, - description: () => - `Explore the list of decentralized data feeds on ${currentEcosystemSeoFormat.value}, using the Witnet oracle network`, - ogDescription: () => - `Explore the list of decentralized data feeds on ${currentEcosystemSeoFormat.value}, using the Witnet oracle network`, - twitterTitle: () => `Witnet Data Feeds on ${currentEcosystemSeoFormat.value}`, - twitterDescription: () => - `Explore the list of decentralized data feeds on ${currentEcosystemSeoFormat.value}, using the Witnet oracle network`, -}) const currentEcosystem = ref(route.params.network.toString()) const currentEcosystemSeoFormat = ref(currentEcosystem.value.toUpperCase()) const selectedEcosystem = computed(() => store.selectedEcosystem) @@ -134,7 +122,7 @@ useHead({ { hid: 'og:title', property: 'og:title', - content: 'Data Feeds Explorer | Witnet', + content: `Witnet Data Feeds on ${currentEcosystemSeoFormat.value}`, }, { hid: 'og:description', @@ -158,6 +146,17 @@ useHead({ }, ], }) +useSeoMeta({ + ogTitle: () => `Witnet Data Feeds on ${currentEcosystemSeoFormat.value}`, + title: () => `Witnet Data Feeds on ${currentEcosystemSeoFormat.value}`, + description: () => + `Explore the list of decentralized data feeds on ${currentEcosystemSeoFormat.value}, using the Witnet oracle network`, + ogDescription: () => + `Explore the list of decentralized data feeds on ${currentEcosystemSeoFormat.value}, using the Witnet oracle network`, + twitterTitle: () => `Witnet Data Feeds on ${currentEcosystemSeoFormat.value}`, + twitterDescription: () => + `Explore the list of decentralized data feeds on ${currentEcosystemSeoFormat.value}, using the Witnet oracle network`, +})