HTML 词条目录
前端Wiki/HTML/深入/SEO 友好结构

链接与图片的 SEO 细节

链接文字(锚文本)是爬虫判断目标页面主题的重要信号。"点击这里""查看详情"不携带任何信息,应该写成"Flexbox 对齐属性详解"这类描述目标内容的短语。

站内链接的意义是让爬虫顺藤摸瓜发现所有页面,重要页面应能从首页两三次点击内到达。指向不可信内容(用户评论里的链接)时加 rel="nofollow",表示"我不为这个目标背书";多个 URL 指向同一内容页时,用 rel="canonical" 指定规范地址,避免权重分散。

图片方面,alt 是图片搜索的主要依据,要描述图片内容本身("红色越野跑鞋侧视图")而不是堆关键词;装饰性图片 alt 留空。图片文件名也有帮助,red-trail-shoe.jpg 优于 IMG_2043.jpg。

本节要点锚文本描述目标内容、拒绝"点击这里";不可信外链加 nofollow;重复页面用 canonical 指定规范地址;alt 写图片内容、文件名用有意义的英文单词。
HTML
<!-- 锚文本要描述目标页面,不写"点击这里" -->
<a href="/flexbox-align.html">Flexbox 对齐属性详解</a>

<!-- 用户生成的外链:声明不背书 -->
<a href="https://unknown-site.com" rel="nofollow">用户提供的链接</a>

<!-- 多个 URL 内容相同时:声明规范地址,避免权重分散 -->
<link rel="canonical" href="https://example.com/html/tables">

<!-- 图片 alt 描述内容本身;文件名有意义 -->
<img src="red-trail-shoe.jpg" alt="红色越野跑鞋侧面照">
<img src="bg-pattern.png" alt="">  <!-- 纯装饰图 alt 留空 -->