How do I get the rendered image to og:image useSeoMeta

nuxt-modules / og-image

Generate OG Images with Vue templates in Nuxt.

https://nuxtseo.com/og-image

360 stars 23 forks source link

How do I get the rendered image to og:image useSeoMeta #185

Closed Zafiiovskiy closed 2 months ago

Zafiiovskiy commented 3 months ago

Really love what you are doing, but maybe I lost something in documentation.

My index.ts has useSeoMeta, useHead and defineOgImageComponent. I can see the Og image in Og-image preview in dev tools but not as a og:image in open graph preview. I assume the image has to be generated somewhere for me to reference as a url string in useSeoMeta, but I can't find it.

Can you please help? @harlan-zw

harlan-zw commented 2 months ago

Hi, please use the OG Image DevTools tab. The tab you're using is broken for displaying the proper og images.

No manual work is needed outside of doing defineOgImageComponent

Zafiiovskiy commented 2 months ago

@harlan-zw Thank you! It does work well for domain specified in your here: defineNuxtConfig({site: { url: 'https://www.your-domain.com', }}

Leaving this here so anybody confused like I was will have an explanation