liveBook · Manning

Web crawler

As explained in Modern Angular

A web crawler is an automated program that traverses web pages, extracts information, and discovers links for indexing or analysis.

A web crawler is an automated program that traverses web pages, extracts information, indexes keywords, and follows discovered links. Search engines use crawlers to find pages and connect them with searches. section 9.1.2

Crawlers perform an initial page load but do not execute client-side JavaScript. A single-page application can therefore expose an almost empty HTML document while JavaScript renders the useful content later, limiting discoverability. section 9.1.2

Search visibility for a legal website

A legal company in Albuquerque can gain search traffic when crawlers index its pages and associate them with terms such as “lawyer in ABQ.” section 9.1.2

Listing 9.1 index.html file of an Angular single-page application
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Hrms</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="styles.css">
</head>

<body>
  <app-root></app-root>
  <script src="runtime.js" type="module"></script>
  <script src="polyfills.js" type="module"></script>
  <script src="styles.js" defer></script>
  <script src="vendor.js" type="module"></script>
  <script src="main.js" type="module"></script>
</body>

</html>

Inspect the Angular SPA entry document: its app-root element contains no page content, while JavaScript bundles are responsible for rendering it. section 9.1.2

How Modern Angular covers it

How deep it goes
Defines crawling and traces the SPA indexing problem to initial HTML and JavaScript execution, without detailing crawler internals.
Examples
Uses a legal company targeting “lawyer in ABQ” and an Angular index.html document containing only app-root and script references.
What it assumes
Assumes familiarity with web pages, HTML, JavaScript, search engines, and single-page applications.
What you can do after
Evaluate how client-side rendering affects search indexing and public-site traffic.
How it connects
Connects web crawlers with SEO, search engine indexing, single-page applications, HTML, and client-side JavaScript.

Also explained in

Compare how 2 books explain web crawler →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Modern Angular. The section links point to the parts of the book it draws on.