How to set description, title, and image preview for reactive website?

So I have a problem setting up title, image, and description preview for my reactive website. I've tried making this in traditional web app, I used Open Graph plugin and it worked just fine, the meta tags were appended nicely and the preview appeared.
I've tried using the very same plugin and HTTP request handler (AddMetaTag and AddPostProcessingFilter) on the reactive version. However to no avail, they didn't add anything to the head section.

Lastly, I tried using Javascript and the meta tags get appended to head section but the preview still does not show up.

Above is the attachment of result from inspect element of traditional web


Here is the result for reactive web

Hi! Were you able to solve this issue?


Hi Agnes and Luís,

There is a component called SEO Utils on Steroids which already provides functions to set tags like the ones you mentioned. Perhaps you want to use it, instead of reinventing the wheel, for this purpose.

Kind Regards,

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.