Markup CityISSUE #18 of 39

page titles · what the tab says

Tagg the BuilderVSThe Unclosed Tag

Tagg the Builder saysThe <title> in the head sets the tab name, the bookmark label, and a big part of how search results read.

<title> lives in the head and never shows on the page itself — it shows in the browser tab, in bookmarks, in history, and as the clickable headline in search results.

Write titles that make sense out of context: put the specific page first, the site name second, e.g. Pricing — 7SLF. Keep them under ~60 characters so search engines don't truncate the end.

Power-ups you unlock

<title> is in <head> — invisible on the page
Shows in tab, bookmarks, history, and search results
Specific-first: "Page — Site" reads best
Keep under ~60 chars to avoid truncation

The Unclosed Tag attacks — common mistakes

Reusing the same <title> on every page of a site
Leaving the default "Untitled Document"
Keyword-stuffing the title — it hurts both users and ranking

Boss battleWrite a specific-first title for a hypothetical "About" page of a site called Nova, then shorten it under 60 characters.

Example code

<!doctype html>
<html><head><meta charset="utf-8">
  <title>Lesson 18 — After Hours Academy</title>
</head>
<body><h1>look at the browser tab →</h1></body></html>

▶ Open the interactive comic issue

‹ Favicons · The Tab Badge Tables · Rows · Cells · Headers ›