feat(seo): include default SEO image url in OpenGraph image

varianter · Sep 9, 2024 · 7baacf7 · 7baacf7
1 parent 3187d23
commit 7baacf7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/utils/seo.ts b/src/utils/seo.ts
@@ -26,6 +26,7 @@ type CompanyInfo = {
   brandAssets: {
     favicon: string;
   };
+  defaultSEO: SeoData;
 };
 
 export async function fetchSeoData(
@@ -95,12 +96,14 @@ export async function generateMetadataFromSeo(
     title: title,
     ...(description ? { description: description } : {}),
   })}`;
+  const imageUrl =
+    seo?.imageUrl || companyInfo?.defaultSEO?.imageUrl || fallbackImageUrl;
 
   return {
     title: title,
     description: description,
     openGraph: {
-      images: [seo?.imageUrl ?? fallbackImageUrl],
+      images: [imageUrl],
     },
     icons: { icon: icons },
     keywords: keywords,

diff --git a/studio/lib/queries/companyInfo.ts b/studio/lib/queries/companyInfo.ts
@@ -3,5 +3,11 @@ import { groq } from "next-sanity";
 export const COMPANY_INFO_QUERY = groq`*[_type == "companyInfo"]{
     brandAssets,
     siteMetadata,
+    defaultSEO {
+        "title": seoTitle,
+        "description": seoDescription,
+        "keywords": seoKeywords,
+        "imageUrl": seoImage.asset->url
+    },
     legalPages,
 }[0]`;