SEO 百科

属性

本页目录

属性

属性 是写在开始标签里的一组键值，用来给元素补充信息。链接指向哪里，由 <a> 上的 href 说明[1]。做 SEO 的人要分清两类：href、src、alt、rel 会影响爬虫的判断，data-* 只给页面脚本用，搜索引擎不看。

常见的属性各管什么

  • href：链接的地址，爬虫用它发现新页面；
  • src：图片或脚本的来源地址，爬虫用它找到资源；
  • alt：图片的替代文本，图片加载不出来或屏幕阅读器读图时用它[4]；
  • rel：说明当前文档与目标的关系，例如 nofollow、canonical[3]；
  • data-*：放给脚本读的自定义数据[2]。

影响引擎判断的几个属性

href 要写成 <a href="/x">，爬虫才认得出链接。把跳转写在 onclick 里，链接等于不存在。

alt 要描述图片内容。Google 提醒，alt 里堆砌关键词会被当成关键词堆砌，可能导致网站被判为垃圾网站[4]。

rel 说明链接的性质。rel="nofollow" 表示不传递排名权重，rel="sponsored" 用于付费链接[3]。

图片要用 <img src> 嵌入。Google 明确说明，它不会把 CSS 图片编入索引[4]。用背景图代替图片元素，图片与替代文本一起消失。

data-* 的用途与范围

data-* 是全局属性，任意元素都能加[2]。它的值只供页面脚本读取，不进入页面可见文字，搜索引擎不会拿它当正文。

把重要信息只写在 data-* 里，等于对访客和爬虫都藏了起来。用户看不到，机器也读不到。

与抓取和收录的关系

收录从抓取开始，百度把抓取概括为从互联网抓取网页、建立索引数据库、把索引库中的数据展现给用户[5]。链接地址写在 href 里，爬虫才发现得了新页面；属性写错，链接就等于不存在。

常见误用

  • <a> 不写 href，只用脚本跳转。
  • alt 留空，或者写成一串关键词。
  • 用背景图代替 <img>，图片与替代文本一起丢掉。
  • 把正文塞进 data-*，页面上根本不显示。

附录

参见

参考资料

官方（境外）

  1. 《HTML 属性参考》，MDN Web 文档，2025-07-30 更新。
  2. 《data-*》，MDN Web 文档，2025-09-04 更新。
  3. 《HTML 属性：rel》，MDN Web 文档，2025-08-28 更新。
  4. 《Google 图片 SEO 最佳实践》，Google 搜索中心，2026-03-03 更新。

官方（国内）

  1. 《百度搜索的工作原理》，百度搜索资源平台，2023-12-21 更新。

外部链接

无。