Prompt
How do I set up a content discovery widget for driving page depth across our editorial categories?
Latest observation
To set up a content discovery widget that increases page depth across editorial categories, you want it to do two things well:
- Surface relevant next clicks
- Encourage a natural path deeper into the site
Here’s a practical setup approach.
1) Define the widget’s goal
Before building it, decide what “success” means. Usually for page depth, the widget should optimize for:
- Articles per session
- Pages per session
- Clicks from article pages to related editorial content
- Scroll depth + click-through rate
- Return visits to category hubs
Pick one primary goal, then one or two secondary metrics.
2) Place the widget where users are ready to continue
Best placements for page depth are usually:
- Mid-article: after a strong value section, before the conclusion
- End-of-article: strongest for “what next?”
- Sidebar on desktop: useful for persistent discovery
- Below category landing pages: to move users into article clusters
Avoid putting it too early unless it’s highly contextual, because it can interrupt reading.
3) Use editorially relevant modules
A strong discovery widget usually combines a few content types:
- Related articles
- Popular in this category
- Continue reading
- From the same topic cluster
- Trending editorial picks
- Editor’s choice
For driving depth, prioritize:
- same topic
- same category
- adjacent subtopic
- sequels / explainers / “what to read next”
4) Build category-aware logic
Since your goal is across editorial categories, the widget should be category-aware, not generic.
Recommended logic hierarchy:
- Same article cluster
- Same subcategory
- Same category
- Adjacent category with strong semantic similarity
- Fallback to trending/high-engagement content
Example:
- On an article about “AI regulation”
- Show: “More on AI policy”
- Then: “Explainers”
- Then: “Trending in Tech”
- Then: “Most read this week”
This helps users stay in a topic lane while still having fallback options.
5) Use recommendation rules that support depth
A good widget isn’t just “popular content.” It should maximize relevance and continuation.
Strong signals to use:
- Topic tags
- Category taxonomy
- Article recency
- Engagement history
- Scroll depth
- Reading completion
- Similar headlines/entities
- Manual editorial curation for key pages
Avoid:
- Too much randomness
- Overly broad recommendations
- Recommending the same story repeatedly
- Using only popularity, which can flatten category exploration
6) Design the widget for clickability
The widget should be visually clear and easy to scan.
Good patterns:
- 3–5 content cards
- Headline + thumbnail + short label
- “Up next” or “More in [Category]” heading
- Minimal clutter
- Strong contrast between title and metadata
- Clear separation from the main article
Helpful metadata:
- Category label
- Read time
- “Editor’s pick” badge
- “Most read” badge
This helps users decide quickly.
7) Personalize lightly, not aggressively
If you have user behavior data, personalize in a restrained way:
- Show categories the user has already engaged with
- Mix in one or two “new but related” items
- Don’t overfit to one interest too early
A good default is:
- 70% context-based recommendations
- 30% trending or exploratory content
That keeps the widget useful without becoming repetitive.
8) Test different recommendation strategies
Run A/B tests on:
- Widget position
- Number of items
- Title copy
- Thumbnail vs text-only
- Editorial picks vs algorithmic picks
- Same-category vs cross-category blend
Example tests:
- “More from this topic” vs “Continue reading”
- 3 items vs 5 items
- End-of-article only vs mid-article + end-of-article
- Pure algorithmic vs curated + algorithmic hybrid
Measure:
- CTR on widget
- next page depth
- session depth
- bounce rate
- time on site
- category transition rate
9) Add a fallback strategy
When the article is too niche or too new, the widget still needs useful suggestions.
Fallback options:
- Popular articles in the same category
- Latest articles in that category
- Most engaged evergreen explainers
- Editor-curated collections
- Topic hub pages
This prevents the widget from feeling empty or irrelevant.
10) Tie the widget to your category architecture
To drive page depth across editorial categories, your widget should support a broader navigation strategy.
Helpful supporting pages:
- Category landing pages
- Topic hubs
- Tag pages
- Evergreen explainers
- Series pages
- “Start here” guides
The widget can point users to these pages when appropriate, not just to single articles.
11) Suggested widget structure
A simple effective structure:
Heading: More from [Category]
Item 1: Closest related article
Item 2: Popular article in same subcategory
Item 3: Fresh/latest article
Item 4: Editor’s pick or evergreen guide
Optional:
- “See all [Category]” link
- “Follow this topic” CTA
12) Example strategy by page type
On a breaking-news article
- Similar articles from the same event
- Background explainers
- Topic hub
- Latest developments
On an evergreen explainer
- Deeper dives
- “How it works” articles
- Related opinion or analysis
- Category landing page
On a feature/story
- Same author or series
- Related themes
- Reader favorites in category
- Next best read
13) Measure and iterate
Look at performance by:
- Category
- Device
- Placement
- Article type
- New vs returning users
- Traffic source
A widget can work well in one category and poorly in another. For example:
- News may do better with “latest” and “same event”
- Lifestyle may do better with “related interests” and “popular this week”
- Long-form features may do better with “continue reading” and series-based suggestions
Recommended implementation formula
If you want a simple starting setup:
- Placement: end-of-article + optional mid-article
- Items: 4 cards
- Logic: same topic > same category > trending fallback
- Mix: 3 algorithmic + 1 editorial
- CTA: “More from [Category]”
- Measurement: widget CTR + pages/session + category-to-category transitions
If you want, I can also help with:
- a wireframe/spec for the widget,
- a recommendation logic tree, or
- an A/B testing plan for page depth optimization.