案例 · SEO 与工程
我如何构建 télé.guide
télé.guide 是我的在线电视节目指南——无侵入式广告、无跟踪 Cookie——并设有专门的 2026 FIFA 世界杯 版块:赛程、频道,以及为搜索优化 enriched 的比赛页面。
需求
查一场足球赛或电影在哪个频道、什么时间播出,本应很简单。传统节目表往往臃肿、广告过多,或在重大体育赛事上信息不全。我想要一个快速、移动端友好、以内容为中心的网站——夏季尤其聚焦 2026 世界杯。
技术栈
- Next.js(App Router)用于服务端渲染、逐页元数据和轻量部署。
- XMLTV EPG 节目表:每日导入法国地面波与体育频道节目,本地缓存。
- API-Football 获取官方世界杯赛程(巴黎时区、阶段、球队)。
- OpenAI 为比赛页生成 contextual 文案(体育背景、小组形势、电视时间提醒)。
- TMDB enrich 非体育类节目页面。
FIFA 2026 版块
Hub /fifa-2026 汇总当日即将开始或正在进行的比赛,按时间排序。每场比赛有独立页面,例如 巴西 – 摩洛哥 或 美国 – 巴拉圭。
主要难点:将 EPG 节目与真实世界杯比赛对应。节目单标题不规范(「世界杯」、球队简称、多频道转播)。我构建了匹配流水线:
- 过滤误匹配(俱乐部杯、自行车、非足球节目);
- 交叉比对标题与时间戳与 API 赛程;
- 显示频道 logo,本地资源缺失时使用 EPG fallback。
日期页,例如 2026年6月15日节目表,列出某日所有比赛及对应电视时段。
AI 文案与更新
引导脚本为所有页面生成缺失文案;每日任务在新赛果或积分榜变化时刷新相关比赛。每段文字带时间戳存入 JSON 缓存,避免无谓重新生成,保持页面对 Google 稳定。
SEO 与可索引页面
动态 sitemap 包含首页、世界杯 hub、每日页和每场比赛页。元数据(title、description、Open Graph)按路由计算。hub、日期页与比赛页之间的内链形成围绕「2026 世界杯比赛 电视频道」或「今晚足球节目」等查询的连贯结构。
本作品集页面介绍该项目并链接至 télé.guide — 有利于从主题相关(Web 开发 + 电视媒体)的个人站点获取 backlinks。
相关链接
个人项目 — Laurent Remond,全栈开发者(霞慕尼与日內瓦)。