Vue SPA and SEO/Crawlers

Hi everyone! I need some help and advices regarding our Vue app we just built. I know that google's crawlers understand and can read dynamic content on the site, such as Vue/Angular, but some other crawlers can't, such as facebook.

I would like to create pre-rendered/server-side generated code on my site before reaching Vue. Facebook can't read OG tags generated by vue and that causes us problems. Site does seem fast but it takes time to load all ajax content. What if google stops loading the site before all content is fetched, that will affect our SEO.

What are your suggestions for preloading the content?

I've found the: https://prerender.io/ but seems expensive on the large scale and caching may cause us some additional problems, our content is dynamic. SSR (with nuxt for example) may cause even more problems since our site content depends on the user's local storage, country, language etc.

What are your suggestions in this case?

We are using Vue 2 + Laravel 5.6 for our API.

ejdelmonico

7 years ago

Level 53

You can go to Google Webmaster Tools and see what Google crawler sees when they load your page. That way you will know if the ajax calls are completed when the crawler accesses the page. Also, you could lazyload some of the routes and Google crawler will still follow them in my experience. Nuxt works great and can be set up to server render the pages. The only thing is that you need to pay attention to the requirements for serving pre-rendered pages that use ajax calls with Nuxt...but it is not difficult and works great.

Please or to participate in this conversation.