Telling crawlers and browsers what to do in HTML

A handful of meta tags that change how a page is indexed and rendered.

<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="color-scheme" content="light dark">
<meta name="theme-color" content="#f7f7f5"
      media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#1c1c1a"
      media="(prefers-color-scheme: dark)">
<meta name="referrer" content="strict-origin-when-cross-origin">

How it works

1. robots controls indexing; noindex keeps a page out of results.
2. color-scheme tells the browser which themes the page supports.
3. theme-color tints the browser chrome, and can vary by scheme.

The run, in numbers

Lines

7

Characters to type

345

Tokens

51

Three-star pace

75 tpm

At the three-star pace of 75 tokens a minute, this run takes about 41 seconds.

Type this snippet

Step 3 of 6 in Metadata, step 19 of 23 in Semantics & metadata.

← Previous Next →