To see your page content, crawlers need to load your JS and wait for it to hydrate the page.
Google does this (but it's still not ideal). Most other crawlers don't. That means they won't see your rendered content.
This becomes an issue with sharing on social media, because your meta tags won't be read properly. If you share a blog post on Twitter for example, it won't be able to fetch your og:image, title etc so it won't look good.
To fix that, you have to use prerendering or server-side rendering. I'm doing hacky stuff with prerendering inside a Cloudflare worker where it detects that it's a crawler and prerenders the page if so.
SPAs also tend to have slow initial load times, which is becoming increasingly important for SEO. You can't avoid at least one additional network call after loading the initial HTML, and if you're not careful you can end up with chained requests for different components etc.
For sites like mine that rely on SEO and social media, it's a pretty big annoyance.
Thanks for your input!
server-side rendering should fix most of the first issue. You can get all the relevant data pre-rendered and it's pretty easy to do with the right framework. I've used quasar.dev for this in the past. It should also solve the initial load times (to an extent).
The chaining can be fixed with lazy loading/code splitting.
The only thing i haven't fixed yet is hiding the cookie banner for bots :/
Google does this (but it's still not ideal). Most other crawlers don't. That means they won't see your rendered content.
This becomes an issue with sharing on social media, because your meta tags won't be read properly. If you share a blog post on Twitter for example, it won't be able to fetch your og:image, title etc so it won't look good.
To fix that, you have to use prerendering or server-side rendering. I'm doing hacky stuff with prerendering inside a Cloudflare worker where it detects that it's a crawler and prerenders the page if so.
SPAs also tend to have slow initial load times, which is becoming increasingly important for SEO. You can't avoid at least one additional network call after loading the initial HTML, and if you're not careful you can end up with chained requests for different components etc.
For sites like mine that rely on SEO and social media, it's a pretty big annoyance.