How do you tackle sites that should be SEO optimized but also want to benefit from Javascript opportunities like Vue. I'm not aware how much it breaks a good SEO, but I can imagine it's not great. Should I completely avoid it and use VanillaJS or is it okay that some elements are not as optimized, maybe they are just "ignored"? Or can I actually make it SEO friendly?
The problem is that things are build up from components so without Javascript there might be tags like <search></search>, but after Javascript applied it could be (simplified example) <input type="text" name="search">. I don't know if search engines see the Javascript compiled version or they see me as bad for having irrigular HTML.
I was playing with https://github.com/reactjs/react-rails a couple of mounts ago.
There is a prepopulate method so I could render the initial page server side. I had seen other implementations for еmber as example.
Under the hood rails calls node.js by default as far as I remember.
Going this way was too tedious work for the project that I was working on so I scratched the idea.
As of now the prerendering is the only way I have seen if the SEO is a must for the website/application.
j
stuff ;)
seo and such app usually don't work that well, so you need extra libs for that with prerendered entry points.
one usual thing is isomorphic rendering which works with angular2 and react (don't know about vue) The server delivers the already rendered content and than the FW bootstraps itself so it can resume the intended functionality.
https://builtvisible.com/javascript-framework-seo/ this gives a nice insight of the problems :) I have to say my knowledge about this is 2 years old.