建立页面优化清单,核心是把标签用途落到可检查的项上:每个标签负责什么、页面是否用对、用错后影响什么。清单不追求覆盖所有SEO知识,而是让协作成员按同一标准判断“这一项是否通过”,减少因理解不同造成的返工。
HTML标签在页面优化中大致承担三类职责,混在一起检查最容易漏项。
<h1>到<h6>表达内容层级,<ul>、<ol>表达并列或顺序关系。检查的是层级是否连续、是否用标题标签代替加粗。<strong>表示重要性,<em>表示强调,<nav>、<main>、<article>表示区域角色。检查的是语义是否与视觉表现一致,而不是只为了变粗变斜。<title>、<meta name="description">、<link rel="canonical">影响搜索结果展示与规范化判断。检查的是每页是否唯一、是否与正文一致。判断结果:如果一项检查说不清“这个标签在这里解决什么问题”,它就不该进清单,否则会变成形式化勾选。
下面这份清单可直接用于多人协作交付。假设一个页面由内容、开发、审核三方经手,每项都指定了判断依据。
<h1>,<h2>是否从属于<h1>。怎么查:在浏览器开发者工具中查看元素,或查看渲染后的HTML。结果说明:出现多个<h1>或跳级(<h1>直接到<h4>)时,标记为需修改,因为它让内容结构难以被准确理解。<h2>能否独立说明该段讲什么。怎么查:只读所有小标题,看能否还原页面大纲。结果说明:若小标题是“简介”“更多”这类空词,标记为需改写。<strong>、<b>是否只用于真正需要强调的位置。怎么查:统计正文中强调标签数量,逐个人工确认。结果说明:整段被包在<strong>里,等于没有强调,标记为需删减。<a>的可见文字。结果说明:锚文本无法说明目标内容时,标记为需改写。alt,纯装饰图片是否留空。怎么查:逐张查看<img>。结果说明:把关键词堆进alt或所有图片共用同一段文字,标记为需修改。<link rel="canonical">的href,与页面实际地址比对。结果说明:指向无关页面会造成规范化混乱,标记为需修正。清单本身不产生效果,落到流程才有用。建议把上述每一项拆成“提交前自检”和“交付后复核”两个节点:内容方负责标题层级、标题内容、锚文本、替代文本;开发方负责canonical、模板层面的title与description输出;审核方按同一份清单抽查,不另立标准。
如果团队用表格管理,每项至少保留三列:检查项、当前状态、判断说明。状态只允许“通过”“需修改”“不适用”三种,避免出现“大概没问题”这类无法交接的描述。不适用必须有理由,例如纯装饰图片的替代文本留空属于预期结果。
顺序上先查结构,再查语义,最后查元信息。原因是结构错误会连带影响后续判断:如果标题层级本身混乱,再讨论某个<strong>是否必要意义不大。
常见误判有两种。一种是把标签用途等同于视觉样式,认为加粗了就该用<strong>;另一种是把所有优化项都压到首页模板上,忽略内页。判断方法很简单:问“去掉这个标签,内容和用户理解会受什么影响”,答不上来的项,要么删掉,要么补充判断依据。
下一步:选一个已发布的页面,按上面七项逐条填写状态与判断说明,把“需修改”项分派到具体负责人,并在下一次交付前复核同一份清单。