og

app/[locale]/products/[...slug]/page.tsx

@@ -51,6 +51,14 @@ export async function generateMetadata({ params }: ProductPageProps): Promise<Me
         title: `${categoryTitle} | KLZ Cables`,
         description: categoryDesc,
         url: `https://klz-cables.com/${locale}/products/${productSlug}`,
+        images: [
+          {
+            url: `/api/og/product?slug=${fileSlug}`,
+            width: 1200,
+            height: 630,
+            alt: categoryTitle,
+          },
+        ],
       },
       twitter: {
         card: 'summary_large_image',
@@ -79,6 +87,14 @@ export async function generateMetadata({ params }: ProductPageProps): Promise<Me
       description: product.frontmatter.description,
       type: 'website',
       url: `https://klz-cables.com/${locale}/products/${slug.join('/')}`,
+      images: [
+        {
+          url: `/api/og/product?slug=${productSlug}`,
+          width: 1200,
+          height: 630,
+          alt: product.frontmatter.title,
+        },
+      ],
     },
     twitter: {
       card: 'summary_large_image',