SEO 元标签详解（中）：图片 Alt、Nofollow、robots

#SEO 元标签详解（中）：图片 Alt、Nofollow、robots

这是我在《独立站 SEO 实战》系列里写的第 10 篇。上一篇讲了 Title、Description、Heading，这篇继续补上图片 Alt、Nofollow、robots 三个细节。

先给你结论： 图片 Alt 让图片能被读懂、能进谷歌图片搜索；Nofollow 用于控制权重传递（站内链接不加，用户生成内容和付费链接要加）；robots 元标签用来关闭不想被收录的页面。

#四、图片 Alt

很多人会忽略给图片加 alt 属性。正确写法：

1
<img src="这里是图片地址" alt="这里是图片描述">

#alt 的三个作用

  1. 图片无法显示时，alt 告诉用户这张图是什么；
  2. 盲人用读屏软件浏览时，alt 会被读出来（无障碍）；
  3. 搜索引擎靠 alt 知道图片内容。

尤其第 3 点：想让图片出现在谷歌图片搜索里，就好好写 alt。

#图片 Alt 最佳实践

  1. 上下文正确、描述正确；
  2. 重点优化最突出的图片（产品图、信息图、教程图），这些最容易在谷歌图片搜索里被找到；
  3. 替代文本清晰有描述性，合理带关键词，但自然融入页面，别硬塞。

#五、链接的 Nofollow 属性

#nofollow 到底是什么

先理解 follow：最早它是告诉爬虫要不要继续爬这个链接。默认 follow 就是爬，nofollow 就是不爬。

但据我多年的实操经验，就算你写了 nofollow，谷歌照样会爬。

所以 nofollow 的含义后来变了：不再管爬虫爬不爬，而是告诉搜索引擎是否传递权重。

#什么时候加 nofollow

链接分站内和站外：

  • 站内链接：大部分时候不要加 nofollow；
  • 站外链接：部分情况才需要加。

重点是用户提交后自动显示在我们网站上的链接，建议加 nofollow。为什么？防止用户”薅羊毛”——主动告诉搜索引擎别把权重传过去。

写法：

1
<a href="链接网址" rel="noopener noreferrer nofollow">锚文本</a>

这三个属性通常一起用，各有分工：

  • noopener：安全门闩，防止新开的页面反过来操控原页面；
  • noreferrer：匿名外套，跳转时不留来源信息；
  • nofollow：不背书声明，告诉搜索引擎不传递权重。

#需要 nofollow 的场景

  1. 任何可能”不受信任内容”的资源链接；
  2. 付费或赞助链接（别让谷歌发现你在卖”选票”）；
  3. 评论或用户生成内容里的链接——容易被人滥用，且你无法控制。

#六、robots 元标签

注意：这里说的不是 robots.txt 文件，而是某个网页 head 里的 robots meta 标签：

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
<meta name="robots" content="noindex">
(…)
</head>
<body>(…)</body>
</html>

content 取值很多，详细看谷歌官方文档：

https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag?hl=zh-cn

#使用场景

后台管理这类不想被收录的页面，就在 head 里加 robots meta 标签。

不过现实中有些搜索引擎并不会严格遵守这个规则。

#robots 最佳实践

  1. 关闭内容稀少、价值不大、也没意图出现在结果页的未完成页面；
  2. 关闭不合理浪费爬取预算的页面；
  3. 仔细检查，别误伤重要页面的索引。

#顺便说个流量认知：从小词做起，多上站

有人有流量错觉，觉得要大流量才能赚钱，专门找”低难度的大流量词”——但这种词极少，很难找到。

我们更应该从小词做起：

  • 精准搜索词带来的流量，一个月 10 几万访问，就能有 1000 多美元收入；
  • 做一个月入 1 万美元的网站很难，做 10 个月入 1000 美元的网站容易多了；
  • 所以多上站才是最优策略。

#一句话记住

标签 作用 关键要点
图片 Alt 图片可访问性 + 图片搜索 清晰描述，合理嵌关键词
Nofollow 控制权重传递 站内不加，用户生成内容/付费链接加
robots meta 控制单页索引 关闭低价值页，别误伤重要页

📖 这是 独立站 SEO 实战 系列教程的第 10 篇。独立站 SEO 入门教程全系列 →
下一篇：SEO 元标签详解（下）：Canonical、Schema、Open Graph、Viewport——最后四个技术向标签，补齐站内细节。