Program List Pages

Rebuilt Molotov's category and genre listing pages from the ground up: server-rendered filter links for full crawlability, dual pagination, structured data for Carousel Rich Results, and editorial content headers across every listing page on the platform.

Tech Stack

ReactReact
TypeScriptTypeScript
Node.jsNode.js
CSS ModulesCSS Modules
WebpackWebpack

Demo: Program List Pages with SEO infrastructure

Key Highlights

  • Server-rendered category filter links replacing JS-only filters: every genre and filter combination is now fully crawlable
  • Editorial content headers with keyword-rich introductory copy added to each listing page
  • Dual pagination: numbered page links and infinite scroll running in parallel for different user preferences
  • Unique title tags per page with rel='next'/rel='prev' signals communicating paginated structure to Google
  • FAQ sections sourced from API, providing dynamic page-specific content that search engines can index
  • ItemList + Movie/TVSeries schema making listing pages eligible for Google Carousel Rich Results in SERPs
  • WebP conversion across all listing thumbnails and 301 redirects from legacy URL patterns

SEO Infrastructure

Crawlability

Replaced JS-dependent filters with server-rendered anchor links so Googlebot can traverse the full category/genre hierarchy without needing to execute JavaScript.

Pagination Signals

Each page in a paginated series gets a distinct title, and rel=next/rel=prev link elements tell Google how the pages relate, critical for large content catalogues.

Rich Results

ItemList wrapping Movie/TVSeries entities gives Google what it needs to render Carousel Rich Results for category pages, putting Molotov's content directly in visual SERP features.

Performance

WebP conversion across all listing thumbnails cut image payload significantly, with measurable impact on page load speed and Core Web Vitals.

Outcomes & Results

  • 1

    Complete SEO infrastructure deployed across all category and genre listing pages

  • 2

    Carousel Rich Result eligibility via ItemList + Movie/TVSeries schema implementation

  • 3

    Reduced HTML payload through WebP image format conversion

  • 4

    Improved crawlability replacing JS-dependent filters with SSR anchor links