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


Rank: #25439

Here is the result for reactive web