Program Pages
Designed and built canonical program pages for Molotov TV, consolidating dozens of fragmented legacy URLs per title into a single authoritative page, wired up with schema.org microdata, deeplinks into the streaming app, and LCP optimizations targeting French streaming audiences.
Tech Stack
React
TypeScript
Node.js
CSS Modules
WebpackDemo: Program Page in action
Key Highlights
- Multi-channel tabbed schedule showing upcoming airings across all channels for each title
- One-click Watch/Record deeplinks that route directly into the Molotov streaming app
- 301 redirects collapsing fragmented legacy URL patterns into a single canonical URL per program
- Movie/TVSeries schema.org microdata making each page eligible for Google Rich Results
- BreadcrumbList schema providing structured navigation context in SERPs
- Hero image LCP optimization using fetchpriority='high' for measurable Core Web Vitals gains
SEO Architecture
Structured Data
Movie/TVSeries + BreadcrumbList microdata enabling Google Rich Results and richer SERP appearance for all program pages.
URL Canonicalization
Consolidated dozens of fragmented legacy URL patterns per title into a single canonical URL, cleaning up duplicate content signals that had accumulated over years.
Core Web Vitals
LCP improvements by marking hero images as high-priority fetch resources, ensuring the most important visual content loads first in the browser's queue.
Outcomes & Results
- 1
Consolidated fragmented URLs into single canonical program pages eliminating duplicate content
- 2
Google Rich Results eligibility via Movie/TVSeries microdata implementation
- 3
Improved LCP scores across program pages through image priority optimizations