站点可访问性 a11y 与 SEO 的协同：语义化、alt 与对比度

引言：alt 写了对谁都好

给图片加 alt 不只是盲人用户，Google 图片搜索也靠它理解内容；用语义化标签不只是规范，爬虫更易抓层级。a11y 与 SEO 在很多点上是同一件事的两面。

原理分析：协同的三个点

1. alt 文本：屏幕阅读器朗读、Google 图片排名、图片流量入口。
2. 语义化（header/nav/main/article）：结构清晰，爬虫与辅助技术都受益。
3. 对比度/键盘可达：体验好 → 停留长 → 间接利好排名。
   Google 的”可访问性”本身不是直接排名因子，但体验改善会传导到行为信号。

保姆级实操

给所有图片加描述性 alt（Yoast/Rank Math 会提醒缺 alt）：

// 给无 alt 的特色图补默认（不推荐长期，应手动写）
add_filter( 'wp_get_attachment_image_attributes', function ( $attr, $att ) {
    if ( empty( $attr['alt'] ) ) $attr['alt'] = get_the_title( $att->ID );
    return $attr;
}, 10, 2 );

用语义化模板：确保主题用 <header><nav><main><article><footer>。对比度用 [WebAIM Contrast Checker] 验证 ≥4.5:1。

常见踩坑

1. alt 填文件名或无意义，图片 SEO 浪费。
2. 装饰图没 alt=””，屏幕阅读器读冗余。
3. 案例：某站给 200 篇老文批量补 alt 后，Google 图片搜索带来月增 800 访问，且 Yoast 可读性评分上升。
4. div 满天飞无语义标签，结构难懂。
5. 对比度过低，移动体验差。

总结

判断标准：图片有描述 alt、模板语义化、对比度达标——同时利 a11y 与 SEO。行动清单：补 alt → 用语义标签 → 验对比度 → 键盘可达性测试。详见图片 SEO 优化。