I implemented vue.js on my site for pagination and filter. Now I realize that the page loads with filters and the data is fetched via AJAX. Do a view source and AJAX content is not displayed. This affects the site indexing and ability to rank.
I do not want to go for SSR. What could be my options here?
Should I ditch vue.js?
You use SPA and then are surprised that it negatively impacts your SEO? What did you think would happen?<p>If you want good SEO ditch SPA. If you want SPA and SEO you must have both - client-side rendering and server-side rendering.
You can mix both! Depeneding on how you implemented vuejs, you can render the list on the server on a blade template and send it to the cliente. There, you let vue do the pagination/filters/etc.
With all these discussion, my question to this group is that should I stick with vue.js ? I was using data tables and developer advocated vue.js being much better and flexible, which I agree but then these SEO challenges. If I am on laravel framework, what options do I have to implement pagination and filter conditions in SEO friendly manner.
I have seen some sites using Ajax but they change the url by incrementing a variable in the url.
> I do not want to go for SSR.<p>SSR and SPA aren't mutually exclusive. Vue.js supports the ability to server-side render and hydrate the HTML with your SPA once it has loaded. It's the best of both worlds.<p><a href="https://ssr.vuejs.org/" rel="nofollow">https://ssr.vuejs.org/</a>
I think that google now uses a headless browser. Unless your page loads in too much time, nothing should change on the SEO side if you have the same content at the same place.