Server-Side vs Client-Side Rendering and Changing SEO Practices
It often seems like patterns in Web creation overturn conventional wisdom every six weeks. Only a few things have remained constant throughout, and one of them is that good websites need to show up well in search results. Search engines are the Web’s front pages, and their goal has always been to list high-quality websites that are important to a search word.There is no better way than to make it follow these requirements to drive traffic to your website.
It sounds simple, but Search Engine Optimization (SEO) is a career that works full time. Over the years, search engines have altered their tactics, the things they calculate, and their other hidden formulas, and we’ve modified the way we create websites on top of all that.
As high as ever, the need for SEO is, and SEO experts are used to the rapid pace of change. Nevertheless, some modifications are major enough that we have to re-examine how search engines do what they do and adapt SEO best practises to match the actual reality.
What does SSR mean? And why does that matter?
Search engines have been analysing websites since their invention by reading the HTML created by their servers. However, the word Server-Side Rendering (SSR) is fairly recent. We only named it “rendering” until the last few years, because it was the only way Web pages were served.
They have proven to be the best way to create dynamic websites that are efficient and scalable.
The end-user experience benefits from CSR, but it poses a range of concerns regarding maintaining consistent ranking and placement criteria within the results of the search engine. Most major websites, and most eCommerce sites in particular, have solved this by making a web page’s “indexable” content on the server and then moving to CSR to handle the page once it has been loaded. We also know that SSR will render a site slower when not performed correctly. Speed and efficiency are equally, if not more, critical today to ensure ranking/placement for search engines. If a search engine could crawl CSR-generated websites, making the entire app with CSR would be simpler and quicker, as you’re going to need it for the fancy bits. The biggest search engines are beginning to support CSR in their crawler bots right now, and finally, despite doing no SSR at all, we can see many early adopters with very high result rankings.
However, as a crucial factor for customer acquisition and revenue generation, companies have come to rely on SEO and search engine marketing (SEM). Anything that challenges the tactics that have worked effectively over the past decade has the potential to have a major effect on the continued success of an organisation.It is a big question to ask merchants to make the transition to Progressive Mobile Apps (PWAs) and Web storefronts that are heavily reliant on CSR versus SSR.
With PWA Studio, we strive to create what we see as the Web’s future (where SSR dependency is no longer a difficult requirement) while also accommodating the current needs and concerns of the merchant.
Is SSR necessary?
There’s really no simple answer here. There are arguments for and against SSR, especially in the context of PWAs and dynamic JS-based applications/storefronts. There is certainly no argument about the efficacy of SSR over the lifetime of the Web. It does, however, add additional overhead and cost to do it, so we need to be clear-eyed about how much SSR is still doing for us and whether it’s worth. Given modern browsers and technologies, it’s justifiable to question the continued importance (and additional cost) of SSR – especially when it is increasingly evident that search engines are capable of indexing dynamic sites and continually improving their effectiveness.
Common arguments for SSR typically boil down to:
And arguments against SSR:
What SSR solutions exist for PWA Studio?
Does PWA Studio, today, support SSR? While there are a number of possible solutions and areas for enhancement, yes, PWA Studio does support and allow for SSR. If you’ve been a participant in our community #pwaSlackchannel, then you know this has been a hot topic of late that we’ve spent a good amount of time covering in our weekly PWA Studio Community meetings.
To summarize the current options for implementing SSR, today, with PWA Studio: