mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
ed665befc7
* First-class integration of market with Google Dataset Search. * Move schema to new SEO section * fix Unsafe usage of optional chaining
79 lines
2.3 KiB
TypeScript
79 lines
2.3 KiB
TypeScript
import React, { ReactElement } from 'react'
|
|
import Head from 'next/head'
|
|
|
|
import { isBrowser } from '@utils/index'
|
|
import { useMarketMetadata } from '@context/MarketMetadata'
|
|
import { DatasetSchema } from './DatasetSchema'
|
|
|
|
export default function Seo({
|
|
title,
|
|
description,
|
|
uri
|
|
}: {
|
|
title?: string
|
|
description?: string
|
|
uri: string
|
|
}): ReactElement {
|
|
const { siteContent } = useMarketMetadata()
|
|
|
|
// Remove trailing slash from all URLs
|
|
const canonical = `${siteContent?.siteUrl}${uri}`.replace(/\/$/, '')
|
|
|
|
const pageTitle = title
|
|
? `${title} - ${siteContent?.siteTitle}`
|
|
: `${siteContent?.siteTitle} — ${siteContent?.siteTagline}`
|
|
|
|
const datasetSchema = DatasetSchema()
|
|
|
|
return (
|
|
<Head>
|
|
<html lang="en" />
|
|
|
|
<title>{pageTitle}</title>
|
|
|
|
{isBrowser &&
|
|
window?.location?.hostname !== 'market.oceanprotocol.com' && (
|
|
<meta name="robots" content="noindex,nofollow" />
|
|
)}
|
|
|
|
<link rel="canonical" href={canonical} />
|
|
<link rel="icon" href="/favicon.ico" sizes="any" />
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml" />
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="/apple-touch-icon.png"
|
|
/>
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
<meta name="theme-color" content="var(--background-content)" />
|
|
|
|
<meta name="description" content={description} />
|
|
<meta property="og:title" content={title} />
|
|
<meta property="og:description" content={description} />
|
|
<meta property="og:url" content={canonical} />
|
|
|
|
<meta
|
|
name="image"
|
|
content={`${siteContent?.siteUrl}${siteContent?.siteImage}`}
|
|
/>
|
|
<meta
|
|
property="og:image"
|
|
content={`${siteContent?.siteUrl}${siteContent?.siteImage}`}
|
|
/>
|
|
|
|
<meta property="og:site_name" content={siteContent?.siteTitle} />
|
|
{isBrowser &&
|
|
window?.location?.hostname === 'market.oceanprotocol.com' && (
|
|
<meta name="twitter:creator" content="@oceanprotocol" />
|
|
)}
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
|
|
{datasetSchema && (
|
|
<script type="application/ld+json" id="datasetSchema">
|
|
{JSON.stringify(datasetSchema).replace(/</g, '\\u003c')}
|
|
</script>
|
|
)}
|
|
</Head>
|
|
)
|
|
}
|