Facebook share dynamic content about vue-head HOT 5 CLOSED

So, something like nuxtjs would be the solution?

from vue-head.

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.

from vue-head.

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.

from vue-head.

@jillztom
Yeap!

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

As @mateomrqz commented above.

from vue-head.

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?

from vue-head.