What Are Server Side Rendering and Client Side Rendering?
What is SSR?
What is CSR?
Client Side Rendering is when a user's browser downloads a JS file that contains all of the HTML needed for the page. This means the server doesn't have to deliver all the content all over again, only the new elements, resulting in a faster page load time and therefore, a better user experience. However, CSR is not optimized for SEO.
Why Is It Important?
CSR became the more preferred method by developers in recent years because of faster page load time, and ease of use for developers. New JS frameworks are coming out like React, Angular (mainly used for apps), and Vue, that are all client-side rendered by default. Any of these will bundle the HTML, CSS, and JS into a clean, one-line script that sends off to the server.
Developers started noticing issues with their sites' SEO when building using CSR. The language isn't immediately available to Google when it crawls a website, so Google sees a blank page, doesn't index it, and the site doesn't appear in search results. This means that your potential customers and clients can't find you.
We have yet to see if there are specific requirements or actions brands need to take for their content to be best optimized for this new feature. We suggest that brands ensure they have high quality product photography featuring products in real-life scenarios, as well as solid product images.
What's the Solution?
The Prove Method:
- Before building a website with a modern JS framework, we research the SSR implementation of the framework, so that the content can be crawled by Google.
- If a site is already built on CSR, and SEO isn't being indexed, we may opt to rebuild the site using the SSR implementation of the JS framework of choice.
- We never build a website without thinking of downstream consequences. Our developers think as marketers when building a site, and take SEO best practices into consideration.
- Is your site built correctly for SEO? Get a FREE audit by an expert!
There are many things to take into consideration long before building a website. Make sure the team of developers you're working with are also solid marketers and follow follow SEO best practices.