[P2] Audit: Category pages do not provide enough task-oriented quick paths

[baixiangcpp]

Imported from the byteflow.tools deep audit on 2026-06-22.

Problem: category pages list tools and some related workflows, but they do not always provide fast task-oriented entry points for common user intents. A user landing on Data & Code Formats, Encoding & Crypto, or Images/SVG/CSS should see quick paths such as “format JSON,” “decode JWT,” “resize image,” or “scrub logs.”

Affected URLs:

• /en/data-code-formats
• /en/encoding-crypto
• /en/web-api-network
• /en/devops-logs
• /en/text-regex
• /en/images-svg-css
• /en/generators-calculators
• /en/social-metadata

Reproduction steps:

1. Open each category page.
2. Identify whether a task-first section exists above the full tool list.
3. Check whether the most common user intents are one click away.
4. Compare desktop and mobile discoverability.

Expected behavior: each category page should provide high-priority quick paths, not only a list of tools.

Actual behavior: category pages are structured but could better guide users by task.

Impact: lower conversion from category pages and weaker task-oriented SEO relevance.

Proposed fix:

• Add a “Start with these tasks” section to each category.
• Use 4–8 task cards per category with tool CTAs.
• Link to related workflows and cluster articles.
• Order tasks by search demand and product usage.

Acceptance criteria:

• Each category page has task-oriented cards above the tool grid.
• Cards link to tools or workflows with clear CTA text.
• Mobile layout remains compact.
• Analytics can track task-card clicks through safe event names.

[baixiangcpp]

Closed as completed by the canonical BF audit backlog work. This older non-BF audit issue duplicates work now merged through PRs #209-#219, with the BF issues closed and guard/test coverage in place. The remaining non-duplicate follow-up is #7, which stays open because the upstream Next/PostCSS advisory is not fixed yet.