Sign up to stay updated on latest
Growth hacks & discussion.

What's Trending

How to make your JavaScript website search friendly using dynamic rendering?

Lot of frontend frameworks rely heavily on JavaScript to display content and not all search engine crawlers are able to process it successfully or immediately.

At Google I/O this year they recommend dynamic rendering as a workaround solution to this problem.

Dynamic rendering is switching between client-side rendered and pre-rendered content for specific user agents (Bots or Search Engines).

How dynamic rendering works?

Dynamic rendering requires your web server to detect user agents (Bots or Search Engines) so that request from bots are routed to a renderer and other request are served normally. The renderer is required to execute the JavaScript and produce static HTML that's suitable for the bot.

General guidelines to set up dynamic rendering

  1. Install and configure a dynamic renderer to execute the JavaScript and produce static HTML.Some common dynamic renderers are Rendertron, Puppeteer and
  2. Configure the user agents that should be getting your static HTML.
  3. Try implementing a cache for pre-rendered content for faster response.

Verify your configuration

Do Mobile-Friendly Test for mobile version and check for desktop content in URL Inspection tool.

Is Dynamic Rendering considered Cloaking?

As long as you return the same content to everyone, with the only difference being the content is rendered on the server for bots and on the client for real users, this is acceptable and not considered cloaking.
  Dynamic Rendering

Can syndicated content outrank the original content?

Google’s John Mueller advises site owners that when content is syndicated elsewhere it may outrank the original source.

It’s highly possibly that the content that you syndicated to some other website ends up ranking above your content. That’s not always completely avoidable. So those are kind of trade offs that you have to look at there.

John says there are a number of factors Google consider to determining which version of the content is most relevant for searchers.

It’s possible that users are landing on the syndicated content and finding other relevant information which Google takes into consideration when figuring out how to rank the two pieces of content.

  Content Syndication