自托管 MP4 视频页：体验与搜索引擎优化实践

视频不必全部依赖外链平台。本站 视频栏目 提供自托管 MP4 示例，每支短片均有独立说明页。本文详解页面结构、结构化数据与完整发布流程；栏目总览见 短片合集解读。

页面必备元素

每支视频应有：唯一 URL、清晰的 h1 与 meta description、封面图 poster、时长说明，以及 VideoObject JSON-LD。参考 科技视觉短片 与 暖色视觉短片。

VideoObject 字段示例

构建脚本输出 @type: VideoObject，含 name、description、contentUrl（指向 assets/media/video/*.mp4）、thumbnailUrl、duration（ISO 8601，如 PT14S）、uploadDate。可在 Google 富媒体结果测试工具中验证。

poster 与首屏体验

poster 图片应接近视频首帧，尺寸与视频比例一致，避免 CLS。构建时若 poster 不存在会尝试用 ffmpeg 从 MP4 截取；也可手动放入 assets/img/video/。

体积与加载

短视频适合控制在十余秒内，并压缩码率；首屏仍可用 poster 图片避免空白。若文件过大，可外链 CDN 并在文章中说明源地址。5–15 秒 1080p 建议 2–5 Mbps。

无障碍

使用 controls 与 playsinline；不默认有声自动播放。每页 sections 文字说明视频内容，满足听障/无声环境用户。

与图集、文章联动

视频页链到 科技光效、合集专题，形成主题集群。

发布流程（VIDEOS 数组）

MP4 放入 upload/video/ → 在 tools/build.mjs 的 VIDEOS 登记 slug、poster、双语 sections → npm run build → 更新 合集文章 与 sitemap。