How to add the domain to the generated meta tag?

[verlok]

See this stackoverflow issue and proposed solution
https://stackoverflow.com/questions/25100917/showing-thumbnail-for-link-in-whatsapp-ogimage-meta-tag-doesnt-work

To make OG image work in WhatsApp, it seems to require itemprop="image" in the meta tag.

Does it make sense for you to add it in this plugin?
If yes, I could open a PR.

[KiwiKilian]

Thanks for raising an issue. I think that SO answer is outdated. It's working fine for me with the default output.

Do you have a reproduction where it's failing?

[verlok]

Yes, here https://www.whatsappusatobene.it/guide/come-usare-la-voce-per-scrivere-messaggi-con-la-dettatura/ when sharing the page using WhatsApp — Andrea Verlicchi www.andreaverlicchi.eu Il giorno gio 16 ott 2025 alle 16:13 Kilian Finger ***@***.***> ha scritto:

…

*KiwiKilian* left a comment (KiwiKilian/eleventy-plugin-og-image#360) <#360 (comment)> Thanks for raising an issue. I think that SO answer is outdated. It's working fine for me with the default output. 1B2A1354-BF74-4E95-8B6D-23B89374D352.jpeg (view on web) <https://github.com/user-attachments/assets/a7894bb6-746f-4968-9625-6a7dbbca29e2> Do you have a reproduction where it's failing? — Reply to this email directly, view it on GitHub <#360 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAITKKLU2MZDUTZGMGA4U4T3X6RYRAVCNFSM6AAAAACJL57K3SVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTIMJRGEYDGOJSGY> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[KiwiKilian]

Seems to work fine on iOS. Are you on Android? Otherwise there could be also a caching issue.

If there is some platform special requirements, which divert from a standard, I would prefer you use the shortcodeOutput option to override the default behavior.

[verlok]

No, iOS, and I was using WhatsApp web. — Andrea Verlicchi www.andreaverlicchi.eu Il giorno gio 16 ott 2025 alle 16:47 Kilian Finger ***@***.***> ha scritto:

…

*KiwiKilian* left a comment (KiwiKilian/eleventy-plugin-og-image#360) <#360 (comment)> Seems to work fine on iOS. Are you on Android? DBFF02B8-BFCA-4701-86F6-CA1D96DDE2EC.jpeg (view on web) <https://github.com/user-attachments/assets/958a3edf-c345-4b64-b9c3-f3b1b4417fe4> — Reply to this email directly, view it on GitHub <#360 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAITKKPMJBQ3SD4K2WCTTA33X6VZHAVCNFSM6AAAAACJL57K3SVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTIMJRGI3TSNZSG4> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[verlok]

Ah, I think the problem with sharing via WhatsApp web is that the OG image doesn’t start with the full domain name but it has an absolute path (it starts with /). Is there a way to configure your plugin to write the full URL in the image path? — Andrea Verlicchi www.andreaverlicchi.eu Il giorno gio 16 ott 2025 alle 21:05 Andrea Verlicchi < ***@***.***> ha scritto:

…

No, iOS, and I was using WhatsApp web. — Andrea Verlicchi www.andreaverlicchi.eu Il giorno gio 16 ott 2025 alle 16:47 Kilian Finger < ***@***.***> ha scritto: > *KiwiKilian* left a comment (KiwiKilian/eleventy-plugin-og-image#360) > <#360 (comment)> > > Seems to work fine on iOS. Are you on Android? > > DBFF02B8-BFCA-4701-86F6-CA1D96DDE2EC.jpeg (view on web) > <https://github.com/user-attachments/assets/958a3edf-c345-4b64-b9c3-f3b1b4417fe4> > > — > Reply to this email directly, view it on GitHub > <#360 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AAITKKPMJBQ3SD4K2WCTTA33X6VZHAVCNFSM6AAAAACJL57K3SVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTIMJRGI3TSNZSG4> > . > You are receiving this because you authored the thread.Message ID: > ***@***.***> >

[verlok]

Is the option urlPath by any chance? — Andrea Verlicchi www.andreaverlicchi.eu Il giorno gio 16 ott 2025 alle 23:24 Andrea Verlicchi < ***@***.***> ha scritto:

…

Ah, I think the problem with sharing via WhatsApp web is that the OG image doesn’t start with the full domain name but it has an absolute path (it starts with /). Is there a way to configure your plugin to write the full URL in the image path? — Andrea Verlicchi www.andreaverlicchi.eu Il giorno gio 16 ott 2025 alle 21:05 Andrea Verlicchi < ***@***.***> ha scritto: > No, iOS, and I was using WhatsApp web. > > — > > Andrea Verlicchi > www.andreaverlicchi.eu > > > Il giorno gio 16 ott 2025 alle 16:47 Kilian Finger < > ***@***.***> ha scritto: > >> *KiwiKilian* left a comment (KiwiKilian/eleventy-plugin-og-image#360) >> <#360 (comment)> >> >> Seems to work fine on iOS. Are you on Android? >> >> DBFF02B8-BFCA-4701-86F6-CA1D96DDE2EC.jpeg (view on web) >> <https://github.com/user-attachments/assets/958a3edf-c345-4b64-b9c3-f3b1b4417fe4> >> >> — >> Reply to this email directly, view it on GitHub >> <#360 (comment)>, >> or unsubscribe >> <https://github.com/notifications/unsubscribe-auth/AAITKKPMJBQ3SD4K2WCTTA33X6VZHAVCNFSM6AAAAACJL57K3SVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTIMJRGI3TSNZSG4> >> . >> You are receiving this because you authored the thread.Message ID: >> ***@***.***> >> >

[KiwiKilian]

Simply use the shortcodeOutput option to have full control over the generated code, prefixing with https://example.com here:

shortcodeOutput: async (ogImage) => `<meta property="og:image" content="https://example.com${await ogImage.outputUrl()}" />`,

[verlok]

This worked, thank you very much!