Make your Vue.js web apps discoverable – JavaScript SEO



In this video of the JavaScript SEO series, Webmaster Trends Analyst, Martin Splitt shares how to make your Vue.js app discoverable in Google search by using descriptive titles, descriptions, and URLs in the vue-meta.

Check out vue-meta on Github → https://bit.ly/2X1EzRc
Learn more about Vue.js server side rendering → https://bit.ly/2X49Y5x
Get started with the hybrid rendering via Nuxt.js → https://bit.ly/2X2dQ6V

JavaScript SEO is an entirely new series on best practices and SEO for JavaScript.
Subscribe to the Google Search Central Channel → https://goo.gle/SearchCentral

Check out other videos in the JavaScript SEO Playlist → https://bit.ly/JavaScriptSEO

source

14 thoughts on “Make your Vue.js web apps discoverable – JavaScript SEO”

  1. This series and the whole channel where a real real real help for me developing a (hopefully) good SPA! Thanks alot for these insights 🙂
    As I got deeper in to the topic I'm really interessted in learning more. <3

  2. In case of WordPress and WooCommerce – Dynamic Rendering is not an "alternative" but the only reasonable way to go! It allows you use the window object in your components and enables you to SELL your themes! With nuxt.js you can't offer a plug-and-play theme which works out of the box as all the other themes out there.
    That's the reason why I've build the Wue Theme – Vue.js + WordPress Single Page Application Starter Theme using the suggested Dynamic Rendering Implementation_
    https://wue-theme.tech-nomad.de
    and:
    https://github.com/Tech-Nomad/wue-theme

    It gives you a solid framework to start with. Actually it seems to me it's currently the best available open source Vue.js WordPress Theme with fully SEO support. On the top of this it gives you Hot Module Replacement inside PHP templates.

  3. Great video Martin! I would love to see more of them. I have one question though. Wouldn't the first type of crawling cause a yoyo effect on sites that don't pre-render? First crawler sees an empty page, second sees the JS, first again sees nothing etc..

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top