从语义化自查清单看WordPress主题优化机会

前阵子我给自己的 WordPress 主题做了一次"体检"，没用性能工具，用的是一份语义化自查清单。本来信心满满，毕竟主题是我亲手改过的，结果清单一跑，脸被打得啪啪响——我那些 <div class="site-header"> 堆出来的布局，在爬虫眼里基本是个"盲盒"，它得靠猜才知道正文在哪儿。

我踩中的三个坑

最意外的是侧边栏。我一直把它写在 <main> 里面，心想"反正都在页面中间嘛"。清单里写得明白：<main> 只该包 <article> 或文章列表循环，侧边栏得挪到外面的 <aside> 里。我回头翻 single.php 和 archive.php，好家伙，全军覆没。

第二个是时间标签。我的文章发布日期就是一段纯文本，从来没想过要包一层 <time>，再加上 datetime 属性和 datePublished。少了这层标记，结构化数据就少了一个落点，搜索引擎想精准抓到发布时间都得费一道手。

第三个更隐蔽：面包屑、分页、主菜单全是光秃秃的 <nav>，没加 aria-label。这意味着屏幕阅读器用户听到的就是"导航、导航、导航"——鬼知道哪个是哪个。

问题清单其实是机会清单

跑完我反而挺开心，因为每一项"不合格"背后都对应着一个具体的优化机会。把文章元数据用 <header> 显式包好，结构化数据里的 headline、datePublished 才不会悬浮在没有父级的上下文里报错；给配图加上 <figure> 和 <figcaption>，爬虫才能把图片和正文建立强关联，图片搜索流量就是这么来的；连正文颜色对比度、汉堡菜单展开时的 aria-expanded 状态这种细节，清单都替你想到了。

我的建议是别想着一口气改完。我把清单按"全局结构、文章实体、内容分块、结构化数据、无障碍"五层拆开，每周啃一层，改完就用验证工具过一遍。一个半月下来，主题还是那套主题，骨架却完全是另一副模样了。你要是也接手过老主题，真心建议把这份清单打印出来贴在显示器边上——省下的排查时间，远比改造花的时间多。