Enable Search Engine Indexing
Michael Steward
Like this project
Posted Mar 13, 2024
Configured and deployed a pre-render server for loading a dynamic Angular application while serving static HTML/CSS files improving SEO.
Configured and deployed a pre-render server for loading a dynamic Angular application while serving static HTML/CSS files. Many of the webpages in the Angular application used dynamic content that was populated using JavaScript. Since most web crawlers do not execute JavaScript for security concerns, most of the application's pages were indexed as blank. The pre-render server loads the webpage in a headless Chrome instance. Once Chrome is done loading dynamic content, it generates static HTML/CSS files containing the rendered dynamic content. These static files are then served to the web crawlers. This allowed search engines to properly index the web application resulting in improved SEO.