页面体验信号：超越 Core Web Vitals，助力 SEO 成功

尽管 Core Web Vitals 主导着 SEO 领域的讨论，但 Google 的**页面体验信号（page experience signals）**涵盖了一组更广泛的指标，这些指标都会影响排名。要制定全面的 SEO 策略，从整体上理解这些信号至关重要。

完整的页面体验框架

Google 通过多个信号来评估页面体验：

Core Web Vitals

• LCP（加载性能）
• INP（交互响应）
• CLS（视觉稳定性）

其他页面体验信号

• 移动设备友好性：响应式设计与移动端可用性
• 安全浏览（Safe Browsing）：无恶意软件、钓鱼或欺骗性内容
• HTTPS：必须使用安全连接
• 侵入式插页广告（Intrusive Interstitials）：不得使用遮挡内容的全屏覆盖层

移动设备友好性作为排名信号

在移动优先索引（mobile-first indexing）的背景下，移动端可用性会直接影响排名：

关键的移动端 UX 要求

• 视口（viewport）配置
• 触摸目标尺寸（最小 48x48px）
• 字体大小的可读性
• 避免水平滚动
• 内容适配视口

移动端优化策略

1. 响应式设计：使用 CSS Grid 和 Flexbox
2. 自适应加载：根据网络连接情况提供不同的资源
3. 触摸优化：增大点击目标，添加内边距
4. 移动专属功能：实现类原生应用的交互体验
5. 渐进增强：确保在没有 JS 的情况下也具备基本功能

HTTPS 与安全性

HTTPS 既是一项排名信号，也是以下功能的前提条件：

• HTTP/2 和 HTTP/3 支持
• Service Worker 注册
• Geolocation API 访问
• Payment Request API
• Web 身份验证

迁移最佳实践

1. 从受信任的 CA 获取 SSL 证书
2. 将 HTTP 通过 301 重定向到 HTTPS
3. 更新内部链接和 canonical 标签
4. 更新 sitemap 和 robots.txt
5. 更新 Google Search Console 资源
6. 更新 CDN 配置
7. 实施 HSTS 头部

侵入式插页广告准则

Google 会对以下类型的侵入式插页广告进行惩罚：

• 在页面加载时立即覆盖主要内容
• 必须先关闭才能访问内容
• 显示在首屏（above-the-fold）位置，下方仅有极少量可见内容

可接受的插页内容

• Cookie 同意横幅（法律要求）
• 年龄验证对话框
• 针对私密内容的登录对话框
• 不遮挡内容的小型横幅

BFCache 与页面体验

**前进/后退缓存（Back/Forward Cache，BFCache）**可实现即时导航：

• 将完整的页面状态存储在内存中
• 消除前进/后退操作的网络请求
• 为回访用户改善所有 Core Web Vitals 指标
• 必须避免使用 unload 事件处理程序

BFCache 优化

// Avoid: Prevents BFCache
window.addEventListener("unload", () => {
  sendAnalytics();
});

// Use: BFCache compatible
window.addEventListener("pagehide", (event) => {
  if (event.persisted) return; // Page entering BFCache
  sendAnalytics();
});

整体的页面体验策略

优先级框架

1. 基础：HTTPS、移动友好、安全浏览
2. 性能：Core Web Vitals 优化
3. UX 打磨：插页广告、导航、BFCache
4. 监控：持续进行 RUM 与实验室测试

跨职能协作

页面体验需要以下各方之间的协调配合：

• SEO 团队（策略与监控）
• 开发团队（实施落地）
• 设计团队（UX 模式）
• DevOps（基础设施与缓存）
• 产品团队（功能取舍）

衡量页面体验的影响

跟踪以下指标以量化改进效果：

• Core Web Vitals 通过率
• 跳出率变化
• 转化率提升
• 搜索排名变动
• 用户满意度评分