# Prismic Image Metadata not working

**URL:** <https://community.prismic.io/t/prismic-image-metadata-not-working/14109>\
**Category:** Developing with Prismic\
**Tags:** nextjs\
**Created:** [September 17, 2023, 3:24am UTC](https://community.prismic.io/t/prismic-image-metadata-not-working/14109 "2023-09-17T03:24:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kanzoonrkz](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/kanzoonrkz/32/6336_2.png) [@kanzoonrkz](https://community.prismic.io/u/kanzoonrkz)\
**Post date:** [September 17, 2023, 3:24am UTC](https://community.prismic.io/t/prismic-image-metadata-not-working/14109/1 "2023-09-17T03:24:29Z")

</div>

I'm trying to follow NextJS and Prismic tutorial, which i followed thoroughly, when i got an issue in generateMetadata specifically in image.  
As mentioned in this tutorial [https://prismic.io/academy/prismic-and-nextjs/5-add-content-to-your-html/2-static-zone-simple-fields](https://prismic.io/academy/prismic-and-nextjs/5-add-content-to-your-html/2-static-zone-simple-fields), they used it like this

```auto
export async function generateMetadata() {
  const page = await queryHomepage()

  return {
    openGraph: {
      title: page.data.meta_title,
      description: prismic.asText(page.data.meta_description),
      images: prismic.asImageSrc(page.data.meta_image)
    }
  }
}

```

In my case, I used it like this

```auto
export async function generateMetadata({
	params,
}: {
	params: { slug: string };
}) {
	const page = await queryMarketingPage(params.slug);

	return {
		title: page.data.meta_title,
		description: page.data.meta_description,
		Images: prismic.asImageSrc(page.data.meta_image),
		openGraph: {
			title: page.data.meta_title,
			description: page.data.meta_description,
			Images: prismic.asImageSrc(page.data.meta_image),
		},
	};
}

```

Title and description works fine, except the image. I confirmed that the `prismic.asImageSrc(page.data.meta_image)` is not the problem, I tried put the image in the page and it's shown. I also added [images.prismic.io](http://images.prismic.io) to next config.  
I dont know whats wrong, here is the head output i got  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/prismic/original/2X/7/755e23915d61f3e6ed9a3281c49b086c97599e6a.png)

---

<div class="post-metadata">

**Author:** ![Levi](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/levi/32/24_2.png) [@Levi](https://community.prismic.io/u/Levi)\
**Post date:** [September 18, 2023, 5:13am UTC](https://community.prismic.io/t/prismic-image-metadata-not-working/14109/3 "2023-09-18T05:13:00Z")

</div>

Hi @kanzoonrkz,

I took and look and tested this out. I think the issue is that you are using `Images` with a capital "I". Try it with a lowercase "i" and let me know if it works for you:

```auto
export async function generateMetadata({
	params,
}: {
	params: { slug: string };
}) {
	const page = await queryMarketingPage(params.slug);

	return {
		title: page.data.meta_title,
		description: page.data.meta_description,
		openGraph: {
			title: page.data.meta_title,
			description: page.data.meta_description,
			images: prismic.asImageSrc(page.data.meta_image),
		},
	};
}

```

---

<div class="post-metadata">

**Author:** ![kanzoonrkz](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/kanzoonrkz/32/6336_2.png) [@kanzoonrkz](https://community.prismic.io/u/kanzoonrkz)\
**Post date:** [September 18, 2023, 9:01am UTC](https://community.prismic.io/t/prismic-image-metadata-not-working/14109/4 "2023-09-18T09:01:58Z")

</div>

Wow, silly me. It all works fine now. Thank you so much for helping me, can't imagine this small mistake got me good for many hours! 🤣