Problem

Symptom 1: Thousands of impressions, zero clicks

The blog post at collections/_posts/2025-10-23-time-tracking-software-for-architects.md was ranking in Google for “time tracking software for architects” but getting no clicks.

Symptom 2: Blog body text looked “chunky”

Body text in .single-blog-content-body p (in assets/css/pages/blog.scss) appeared heavy and hard to read across all blog posts.

Investigation

SERP Analysis

Searched “time tracking software for architects” and found:

• 50% listicles: “Top 10…”, “Top 15…”, “23 Best…” with numbers and year freshness signals
• 50% product landing pages: Harvest, Hubstaff, Deltek targeting architects as a vertical
• Zero educational content ranking — the SERP is commercial-investigation intent

Root Causes Identified

CTR problem:

1. Meta description was about a different topic entirely. Said “Discover how integrating project management and accounting can boost profits” — no mention of time tracking or architects. Searchers saw this and skipped past.
2. Title tag was bland. “Time Tracking Software For Architects” vs competitors showing “Top 15 time tracking software for architects (2026 reviews)”. No hook, no freshness, no specificity.
3. Content-intent mismatch. 4,000-word educational guide (“why you need time tracking”) for a keyword where people want to compare and choose software.

Typography problem:

InterDisplay is a display font — designed for headings, not body text. At body sizes it has wider letter shapes and heavier strokes than a standard text face. Combined with tight line-height and washed-out color, it made paragraphs feel dense and hard to scan.

Solution 1: Blog CTR Fix

Title Tag

BEFORE: "Time Tracking Software For Architects"
AFTER:  "Time Tracking Software for Architects: How to Choose the Right Tool"

Adds a hook (“How to Choose”) that differentiates from pure listicles while matching commercial intent.

Meta Description

BEFORE: "Discover how integrating project management and accounting can boost profits
         and streamline operations. Learn key strategies for financial project success."

AFTER:  "Choosing time tracking software for your architecture firm? Here's what
         actually matters — from phase-level tracking to integrated invoicing —
         and how to find the right fit."

Now directly addresses the search intent and contains the primary keyword.

Content Restructure

Solution 2: Blog Typography CSS Fix

File: assets/css/pages/blog.scss — .single-blog-content-body

Paragraph Styling

/* BEFORE */
p {
    font-size: 1.25rem;
    line-height: 150%;
    margin: 1rem 0;
    color: $neutral-600; /* #4b5565 */
}

/* AFTER */
p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 170%;
    margin: 1.5rem 0;
    color: $neutral-700; /* #364152 */
}

• font-size: 20px → 18px. Display font was oversized for body text.
• line-height: 150% → 170%. Tight spacing made paragraphs feel like walls of text.
• margin: 1rem → 1.5rem. Paragraphs blurred together.
• color: neutral-600 → neutral-700. Better contrast for long-form reading.
• font-weight: Explicit 400 prevents inheritance issues.

Strong/Bold Emphasis

/* BEFORE */
strong { font-weight: 800; color: $neutral-900; }

/* AFTER */
strong { font-weight: 600; color: $neutral-900; }

800 loaded InterDisplay-Bold which was far too heavy inline. SemiBold (600) provides enough emphasis.

List Items

/* BEFORE */
li {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2.5rem;
}

/* AFTER */
li {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 0.25rem;
}

List items were heavier than paragraphs (500 vs inherited 400), creating visual inconsistency. Fixed line-height uses relative value matching paragraph rhythm.

Prevention

Pre-Publish Checklist (add to existing CLAUDE.md checklist)

• Meta description directly summarizes the article content and contains the primary keyword
• Title tag matches SERP patterns for the target keyword (check top 5 results first)
• Content format matches dominant search intent (listicle, guide, product page, etc.)
• At least 2 CTAs exist: one mid-article, one at closing
• CTA copy matches the actual button text in the include

SERP Analysis Before Writing

Before drafting any blog post:

1. Search the primary keyword in incognito
2. Document the top 5 titles and meta descriptions
3. Identify dominant intent: informational, commercial-investigation, or transactional
4. Match your content format to what ranks — don’t write educational content for a commercial keyword
5. Note title patterns (numbers, years, “How to…” hooks) and adopt the strongest signals

CSS Typography Standards for Blog Body Text