`。
检查工具推荐使用浏览器的Web Developer插件,可以一键显示页面标题层级,红色高亮标记结构错误。
### 4. 结构化数据标记
结构化数据是告诉搜索引擎页面内容具体含义的代码,支持JSON-LD、Microdata、RDFa三种格式,Google明确推荐使用JSON-LD。
常见的结构化数据类型:
- Article(文章):适合博客、新闻
- Product(产品):包含价格、库存、评分
- BreadcrumbList(面包屑导航):在搜索结果中显示路径
- FAQ(问答):在搜索结果中直接展开问答
- HowTo(操作指南):显示步骤
- LocalBusiness(本地商家):显示地址、电话、营业时间
部署JSON-LD的方法是在``区域插入一段`
```
部署后用Google的富媒体搜索结果测试工具验证,确认代码正确且能触发富摘要展示。根据我跟踪的数据,正确部署了Article结构化标记的文章,在搜索结果中出现富摘要的比例约为65%,点击率平均提升8%-12%。
### 5. 页面加载性能相关代码
Core Web Vitals的三个指标直接影响排名,而这些指标的表现在很大程度上由源代码中的资源加载方式决定。
**LCP(最大内容绘制)优化**:LCP测量页面主要内容加载完成的时间,目标值小于2.5秒。优化方向是让首屏的大图片、大文字块尽快渲染。
具体操作:
- 将LCP元素(通常是首屏大图)的`
![]()
`标签加上`fetchpriority="high"`属性,告诉浏览器优先加载
- 避免用CSS背景图展示首屏主视觉,使用`
![]()
`标签更利于浏览器识别优先级
- 首屏图片使用`
`预加载
**FID(首次输入延迟)优化**:FID测量用户首次交互到浏览器响应的时间,目标值小于100毫秒。这个指标在2024年3月被INP(Interaction to Next Paint)替代,但优化思路一致。
具体操作:
- 将非关键的第三方脚本(统计代码、聊天插件等)加上`defer`或`async`属性
- 拆分长任务,避免一段JavaScript代码执行时间超过50毫秒
- 使用Web Worker处理复杂计算,不阻塞主线程
**CLS(累积布局偏移)优化**:CLS测量页面加载过程中视觉元素的意外移动,目标值小于0.1。
具体操作:
- 所有`
![]()
`标签必须设置`width`和`height`属性,浏览器会据此预留空间
- 广告位、嵌入的iframe等动态内容提前用CSS设置固定尺寸的占位容器
- 字体加载使用`font-display: swap`,避免文字从不可见到突然出现造成的偏移
### 6. Canonical标签的正确使用
`
`用于解决重复内容问题,告诉搜索引擎哪个URL是规范版本。
检查要点:
- 每个页面都应该有canonical标签,指向自己或规范版本
- 绝对URL优于相对URL,例如`https://www.example.com/page`而不是`/page`
- 分页页面(第2页、第3页)的canonical应该指向各自页面,不要全部指向第一页
- 如果网站同时有www和非www版本、HTTP和HTTPS版本,canonical要统一指向首选版本
一个常见的严重错误是分页列表页全部设置canonical指向第一页,这会导致搜索引擎认为第2页及之后的页面不重要,可能不会索引这些页面中的文章链接。
### 7. Hreflang多语言标记
如果网站有多个语言版本,hreflang标记是必须的。它告诉搜索引擎向不同语言/地区的用户展示对应版本的页面。
实现方式有三种:HTML头部标签、HTTP响应头、XML站点地图。HTML方式最常用:
```html
```
检查规则:
- 每个语言版本必须互相引用,A页面引用B,B页面也必须引用A
- 语言代码使用ISO 639-1格式,地区代码使用ISO 3166-1 Alpha 2格式
- `x-default`指向默认版本,用于语言不匹配时的回退
### 8. Robots元标签和robots.txt
这两个地方控制爬虫的行为,设置错误会直接导致页面不被收录。
`robots.txt`位于网站根目录,告诉爬虫哪些目录可以抓取。检查时注意:
- 确认没有误封重要目录,特别是`/wp-admin/`这类目录被某些CMS默认屏蔽,但`/wp-content/uploads/`中的图片目录应该开放
- 站点地图的路径要在robots.txt中声明:`Sitemap: https://example.com/sitemap.xml`
`
`在页面级别控制索引行为:
- `index, follow`:默认值,允许索引并跟踪链接
- `noindex, follow`:不索引本页,但跟踪链接(适用于标签页、作者归档页等低质量页面)
- `index, nofollow`:索引本页,但不跟踪链接(极少使用)
- `noindex, nofollow`:完全不收录
检查线上环境时,经常发现开发阶段设置的`noindex`标签被带到生产环境,导致整站不被收录。这是上线前必须检查的项目。
### 9. 图片标签的SEO属性
图片搜索是重要的流量来源,图片标签的优化直接影响这部分流量。
每个`
![]()
`标签必须检查三个属性:
- `alt`:替代文本,描述图片内容,包含关键词但要自然。不能留空,装饰性图片可以用空值`alt=""`
- `width`和`height`:前面提到对CLS的影响,这里补充一点——设置正确的宽高比可以避免布局偏移
- `loading="lazy"`:对非首屏图片启用延迟加载,减少初始加载的资源消耗
SVG格式的矢量图使用`