Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example

couellet

Charles Ouellet

Posted on August 23, 2018

Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example

Vue.js Tutorial: An Example to Build and Prerender an SEO-Friendly Site

Do you know about Hulu's JavaScript fail story?

Back in 2016, the online video streaming service experienced a 56% visibility drop due to bad JS handling.

A nightmare no business wants to go through.

enter image description here

To avoid such disasters, you have to know what you're doing when working with modern JavaScript frameworks.

Here at Snipcart, we love Vue.js, but are entirely aware of the SEO issues with a Vue.js singe-page application.

In this post, I want to show JS developers how easy it is to make Vue SEO-friendly.

I'll go through:

  • General SEO tips you should always apply.
  • Specific Vue.js SPA SEO issues.
  • Tools to fix them with server-rendering & prerendering.
  • A technical Vue.js SEO example using prerender-spa-plugin.

This is a fully updated version of our Vue.js SEO resource. The original one was followed by two other pieces about JS frameworks SEO issues, for React, and Angular. There's also a video version of this content you can find at the end of this post.

Read the rest of the post and technical tutorial here

💖 💪 🙅 🚩
couellet
Charles Ouellet

Posted on August 23, 2018

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related