Facebook share dynamic content

[jillztom]

I'm trying to share a dynamic content that I fetch from a REST API in my SPA. Now, I don't think facebook is fetching that title, description and image when we share the link. Is there any option for this?

[ktquez]

At moment only Google support dynamic data in applications SPA.
Just using SSR (server side rendering), it's working with any social media and search mechanism, so it is recommended for SEO.

[jillztom]

So, something like nuxtjs would be the solution?

[tbcinteractive]

Nuxt.js (...vue-meta) is your best option, that way you can fetch the dynamic data in the server side and populate the head tags with it, before the actual components/app are render/init . Crawlers don't really wait for your app to load + fetch the data. I recently had a project that required some SEO integration (WP-REST API/Yoast + Vue --vue-head/no ssr--), ended up having to conditionally (if crawler) render some data in the server side (php) for it to comfortably work.

[ktquez]

@jillztom
Yeap!

Nuxt.js uses the vue-meta and so far it's the best approach for SEO.

As @mateomrqz commented above.

[maziarz]

I am running into a similar problem. My SEO meta tags are dynamically added, and never fetched by Facebook. My site is hosted on a CDN. Whats the best way to solve this? Can i block the rendering of the page until the head has been populated with the SEO tags?