Signal to iOS that a meta og:image property tag has a content change after page has loaded

Question

I'm implementing og:image tags for a web project. The value in the tag updates asynchronously after the page has loaded and an HTTP call has returned.

iOS seems to pull the content of the tag right at the time of page load and if there is no value there, no image is ever rendered in the Messages app.. even if the value is populated just a few seconds later. Is there any workaround for this?

pinglock · Accepted Answer · 2021-08-24T13:58:49.323

1

My research has shown that meta tags need to be fully built when the page is delivered from the server. iOS and other clients like Facebook messenger won't run any JS on your page and so the meta tags need to be fully prepared by the time the HTML doc is delivered.

edited Aug 24 '21 at 13:58

answered Aug 23 '21 at 01:57

pinglock

982
2
12
30

score 1 · Answer 2 · answered Feb 21 '22 at 17:31

1

Agreed. Thus importance of SSR for NuxtJS in my case.

answered Feb 21 '22 at 17:31

Hvitis

502
5
14

Signal to iOS that a meta og:image property tag has a content change after page has loaded

2 Answers2