Improve PortalJS template's SEO features

components/schema/DatasetPageStructuredData.tsx

@@ -0,0 +1,84 @@
+import nextSeoConfig, { imageUrl, siteTitle, url } from "@/next-seo.config";
+import { Dataset } from "@portaljs/ckan";
+import { BreadcrumbJsonLd, LogoJsonLd, NextSeo, DatasetJsonLd } from "next-seo";
+
+export function DatasetPageStructuredData({ dataset }: { dataset: Dataset }) {
+  const title = dataset.title || dataset.name
+  const ownerOrg = dataset?.organization?.name || "Organization"
+  const datasetUrl = `${url}/@${ownerOrg}/${dataset.name}`
+  const description = dataset.notes || "Dataset page of " + title
+
+  return (
+    <>
+      <LogoJsonLd
+        url={datasetUrl}
+        logo={`${url}/favicon.ico`}
+      />
+      <NextSeo
+        canonical={datasetUrl}
+        title={`${title} | ${siteTitle}`}
+        description={description}
+        openGraph={{
+          url: datasetUrl,
+          title: `${title} | ${siteTitle}`,
+          description: description,
+          images: [
+            {
+              url: imageUrl,
+              alt: title,
+              width: 1200,
+              height: 627,
+            },
+          ],
+          site_name: siteTitle,
+        }}
+        twitter={nextSeoConfig.twitter}
+      />
+      <BreadcrumbJsonLd
+        itemListElements={[
+          {
+            position: 1,
+            name: 'Home',
+            item: url,
+          },
+          {
+            position: 2,
+            name: ownerOrg,
+            item: `${url}/@${ownerOrg}`,
+          },
+          {
+            position: 3,
+            name: title,
+            item: datasetUrl
+          },
+        ]}
+      />
+      <DatasetJsonLd
+        id={`${datasetUrl}#webpage`}
+        url={datasetUrl}
+        name={title}
+        description={description}
+      />
+      <DatasetJsonLd
+        id={`${datasetUrl}#dataset`}
+        url={datasetUrl}
+        name={title}
+        description={description}
+        creator={{
+          '@type': 'Organization',
+          name: ownerOrg,
+        }}
+        keywords={dataset.tags?.map(tag => tag.name) || []}
+        license={dataset.license_title}
+        distribution={
+          dataset.resources?.map(res => ({
+            '@type': 'DataDownload',
+            encodingFormat: res.format,
+            contentUrl: res.url,
+            name: res.name,
+          })) || []
+        }
+      />
+    </>
+  );
+}

components/schema/GroupIndividualPageStructuredData.tsx

@@ -0,0 +1,64 @@
+import nextSeoConfig, { imageUrl, siteTitle, url } from "@/next-seo.config";
+import { Group } from "@portaljs/ckan";
+import { BreadcrumbJsonLd, LogoJsonLd, NextSeo, WebPageJsonLd } from "next-seo";
+
+export function GroupIndividualPageStructuredData({ group }: { group: Group }) {
+  const title = group.title || group.name
+  const groupUrl = `${url}/groups/${group.name}`
+  const description = group.description || "Group page of " + title
+  const image = group.image_display_url || imageUrl
+
+  return (
+    <>
+      <LogoJsonLd
+        url={groupUrl}
+        logo={group.image_display_url || `${url}/favicon.ico`}
+      />
+      <NextSeo
+        canonical={groupUrl}
+        title={`${title} | ${siteTitle}`}
+        description={description}
+        openGraph={{
+          url: groupUrl,
+          title: `${title} | ${siteTitle}`,
+          description,
+          images: [
+            {
+              url: image,
+              alt: title,
+              width: 1200,
+              height: 627,
+            },
+          ],
+          site_name: siteTitle,
+        }}
+        twitter={nextSeoConfig.twitter}
+      />
+      <BreadcrumbJsonLd
+        itemListElements={[
+          {
+            position: 1,
+            name: 'Home',
+            item: url,
+          },
+          {
+            position: 2,
+            name: 'Groups Page',
+            item: `${url}/groups`,
+          },
+          {
+            position: 3,
+            name: title,
+            item: groupUrl,
+          },
+        ]}
+      />
+      <WebPageJsonLd
+        id={`${groupUrl}#grouppage`}
+        url={groupUrl}
+        name={title}
+        description={description}
+      />
+    </>
+  );
+}

components/schema/GroupPageStructuredData.tsx

@@ -0,0 +1,64 @@
+import nextSeoConfig, { imageUrl, siteTitle, url } from "@/next-seo.config";
+import { BreadcrumbJsonLd, LogoJsonLd, NextSeo, WebPageJsonLd, SiteLinksSearchBoxJsonLd } from "next-seo";
+
+export function GroupPageStructuredData() {
+  const title = "Groups"
+  const description = "Groups page of " + siteTitle
+  return (
+    <>
+      <LogoJsonLd
+        url={`${url}/groups`}
+        logo={`${url}/favicon.ico`}
+      />
+      <NextSeo
+        canonical={`${url}/groups`}
+        title={`${title} | ${siteTitle}`}
+        description={description}
+        openGraph={{
+          url: `${url}/groups`,
+          title: `${title} | ${siteTitle}`,
+          description: description,
+          images: [
+            {
+              url: imageUrl,
+              alt: title,
+              width: 1200,
+              height: 627,
+            },
+          ],
+          site_name: siteTitle,
+        }}
+        twitter={nextSeoConfig.twitter}
+      />
+      <BreadcrumbJsonLd
+        itemListElements={[
+          {
+            position: 1,
+            name: 'Home',
+            item: url,
+          },
+          {
+            position: 2,
+            name: 'Groups Page',
+            item: `${url}/groups`,
+          },
+        ]}
+      />
+      <WebPageJsonLd
+        id={`${url}/groups#webpage`}
+        url={`${url}/groups`}
+        name={title}
+        description={description}
+      />
+      <SiteLinksSearchBoxJsonLd
+        url={`${url}/groups`}
+        potentialActions={[
+          {
+            target: `${url}/groups`,
+            queryInput: "search_term_string"
+          },
+        ]}
+      />
+    </>
+  );
+}

components/schema/HomePageStructuredData.tsx

@@ -0,0 +1,41 @@
+import nextSeoConfig, { description, siteTitle, title, url } from "@/next-seo.config";
+import { BreadcrumbJsonLd, LogoJsonLd, NextSeo, WebPageJsonLd, SiteLinksSearchBoxJsonLd } from "next-seo";
+
+export function HomePageStructuredData() {
+  return (
+    <>
+      <LogoJsonLd
+        url={url}
+        logo={`${url}/favicon.ico`}
+      />
+      <NextSeo
+        title={`${siteTitle} | ${title}`}
+        {...nextSeoConfig}
+      />
+      <BreadcrumbJsonLd
+        itemListElements={[
+          {
+            position: 1,
+            name: 'Home',
+            item: url,
+          },
+        ]}
+      />
+      <WebPageJsonLd
+        id={`${url}#webpage`}
+        url={url}
+        name={siteTitle}
+        description={description}
+      />
+      <SiteLinksSearchBoxJsonLd
+        url={url}
+        potentialActions={[
+          {
+            target: `${url}/search?q={search_term_string}`,
+            queryInput: "required name=search_term_string",
+          },
+        ]}
+      />
+    </>
+  );
+}

components/schema/OrganizationIndividualPageStructuredData.tsx

@@ -0,0 +1,59 @@
+import nextSeoConfig, { imageUrl, siteTitle, url } from "@/next-seo.config";
+import { Organization } from "@portaljs/ckan";
+import { BreadcrumbJsonLd, LogoJsonLd, NextSeo, WebPageJsonLd } from "next-seo";
+
+export function OrganizationIndividualPageStructuredData({ org }: { org: Organization }) {
+  const encodedOrgName = encodeURIComponent(org.name || org.title || '')
+  const orgUrl = `${url}/@${encodedOrgName}`
+  const title = org.title || org.name
+  const description = org.description || "Organization page of " + title
+  const image = org.image_display_url || imageUrl
+  return (
+    <>
+      <LogoJsonLd
+        url={orgUrl}
+        logo={org.image_display_url || `${url}/favicon.ico`}
+      />
+      <NextSeo
+        canonical={orgUrl}
+        title={`${title} | ${siteTitle}`}
+        description={description}
+        openGraph={{
+          url: orgUrl,
+          title: `${title} | ${siteTitle}`,
+          description: description,
+          images: [
+            {
+              url: image,
+              alt: title,
+              width: 1200,
+              height: 627,
+            },
+          ],
+          site_name: siteTitle,
+        }}
+        twitter={nextSeoConfig.twitter}
+      />
+      <BreadcrumbJsonLd
+        itemListElements={[
+          {
+            position: 1,
+            name: 'Home',
+            item: url,
+          },
+          {
+            position: 2,
+            name: title,
+            item: orgUrl,
+          },
+        ]}
+      />
+      <WebPageJsonLd
+        id={`${orgUrl}#webpage`}
+        url={orgUrl}
+        name={title}
+        description={description}
+      />
+    </>
+  );
+}

components/schema/OrganizationPageStructuredData.tsx

@@ -0,0 +1,64 @@
+import nextSeoConfig, { imageUrl, siteTitle, url } from "@/next-seo.config";
+import { BreadcrumbJsonLd, LogoJsonLd, NextSeo, WebPageJsonLd, SiteLinksSearchBoxJsonLd } from "next-seo";
+
+export function OrganizationPageStructuredData() {
+  const title = "Organizations"
+  const description = "Organizations page of " + siteTitle
+  return (
+    <>
+      <LogoJsonLd
+        url={`${url}/organizations`}
+        logo={`${url}/favicon.ico`}
+      />
+      <NextSeo
+        canonical={`${url}/organizations`}
+        title={`${title} | ${siteTitle}`}
+        description={description}
+        openGraph={{
+          url: `${url}/organizations`,
+          title: `${title} | ${siteTitle}`,
+          description: description,
+          images: [
+            {
+              url: imageUrl,
+              alt: title,
+              width: 1200,
+              height: 627,
+            },
+          ],
+          site_name: siteTitle,
+        }}
+        twitter={nextSeoConfig.twitter}
+      />
+      <BreadcrumbJsonLd
+        itemListElements={[
+          {
+            position: 1,
+            name: 'Home',
+            item: url,
+          },
+          {
+            position: 2,
+            name: 'Organizations Page',
+            item: `${url}/organizations`,
+          },
+        ]}
+      />
+      <WebPageJsonLd
+        id={`${url}/organizations#webpage`}
+        url={`${url}/organizations`}
+        name={title}
+        description={description}
+      />
+      <SiteLinksSearchBoxJsonLd
+        url={`${url}/organizations`}
+        potentialActions={[
+          {
+            target: `${url}/organizations`,
+            queryInput: "search_term_string"
+          },
+        ]}
+      />
+    </>
+  );
+}