HTML外链怎么添加_nofollow外链属性设置教程-html教程-PHP中文网

HTML外链怎么添加_nofollow外链属性设置教程

爱谁谁

发布： 2025-09-15 20:37:01

原创

955人浏览过

添加外链需用<a>标签，设置href指定URL，配合target="_blank"在新标签页打开，并通过rel="nofollow"避免权重传递；为安全可加rel="noopener noreferrer"防止恶意操作，同时注意锚文本准确性、链接有效性及数量控制，提升SEO与用户体验。

html外链怎么添加_nofollow外链属性设置教程

HTML外链的添加，主要是通过

<a>

登录后复制

标签来实现，而

nofollow

登录后复制

属性的设置，则是通过在

<a>

登录后复制

标签内加入

rel="nofollow"

登录后复制

来告知搜索引擎不要追踪或传递权重。这对于网站的SEO健康和链接管理至关重要。

解决方案

在HTML中添加外部链接，核心在于使用超链接标签

<a>

登录后复制

。这个标签需要一个

href

登录后复制

属性来指定链接的目标URL，以及可见的锚文本供用户点击。如果你希望这个链接在新标签页打开，通常还会加上

target="_blank"

登录后复制

。而为了更好地控制搜索引擎对这些外部链接的理解，我们可以引入

rel

登录后复制

属性，其中

rel="nofollow"

登录后复制

是最常见的用法之一。

一个典型的外部链接代码结构会是这样：

<a href="https://www.example.com" target="_blank" rel="nofollow">这是一个外部链接的示例</a>

登录后复制

这里，

href

登录后复制

指向了外部网站的地址，

target="_blank"

登录后复制

确保点击后在新窗口或新标签页打开，而

rel="nofollow"

登录后复制

则向搜索引擎表明，我们不希望通过这个链接传递任何“权重”或“信任”。

立即学习“前端免费学习笔记（深入）”；

为什么我们要关注外链的

nofollow

登录后复制

属性？

说实话，刚开始接触网站优化时，我对外链的

nofollow

登录后复制

属性理解得并不深，觉得只要能链出去就行。但随着对搜索引擎原理的深入，我逐渐意识到它不仅仅是一个技术细节，更是网站内容质量和SEO策略的重要一环。

nofollow

登录后复制

属性最核心的作用，就是告诉搜索引擎——特别是Google，这个链接不应被用来计算PageRank（或类似的链接权重），也不应被视为对目标网站的“认可”或“推荐”。这背后的逻辑其实很直观：

想象一下，你的网站上有很多用户评论，或者你引用了一些你并不完全信任，但又不得不提及的外部资源。如果你不加

nofollow

登录后复制

，搜索引擎可能会认为你是在“投票”给这些链接，从而影响你网站自身的权重分配，甚至可能因为链接到低质量内容而被搜索引擎惩罚。

对我而言，

nofollow

登录后复制

更像是一种自我保护和精细化管理。它允许我在不传递权重的情况下，依然能够提供有用的外部信息给读者。比如，我在文章中引用了一个观点，但这个观点的来源网站内容质量参差不齐，或者是一个广告链接，这时候

nofollow

登录后复制

就派上用场了。它让我能保持内容的完整性，同时避免不必要的SEO风险。

度加剪辑

度加剪辑（原度咔剪辑），百度旗下AI创作工具

查看详情

nofollow

登录后复制

、

ugc

登录后复制

和

sponsored

登录后复制

：我该如何选择？

Google后来对

rel

登录后复制

属性进行了扩展，引入了

ugc

登录后复制

和

sponsored

登录后复制

，这让很多站长，包括我自己在内，一开始有点摸不着头脑：到底该用哪个？是不是

nofollow

登录后复制

就过时了？

其实，这三个属性并非相互替代，而是各有侧重，共同构成了更精细的链接信号系统。

```
rel="nofollow"
```
登录后复制
: 这是最通用的选项。当你不想传递权重，或者不希望搜索引擎追踪某个链接时，但又不是明确的用户生成内容或付费链接，就可以使用它。比如，你链接到一个不完全信任的资源，或者一个你只是作为参考，不想为其背书的网站。在我看来，它更像是一个“不确定”或“不推荐”的通用标签。
```
rel="ugc"
```
登录后复制
(User Generated Content): 这个就很明确了，专为用户生成内容设计。典型的场景就是评论区的链接、论坛帖子、用户提交的文章等。如果你的网站允许用户发布内容并包含链接，使用
```
ugc
```
登录后复制
能清晰地告诉搜索引擎，这些链接是由用户而非网站所有者创建的，从而避免你为这些链接的质量负责。这对于管理大型社区网站的SEO健康非常有帮助。
```
rel="sponsored"
```
登录后复制
: 这个也很好理解，就是用于付费链接、广告链接、赞助内容等。如果你在文章中包含了一个广告商的链接，或者你收到报酬来发布某个产品的链接，那么就应该使用
```
sponsored
```
登录后复制
。这不仅是向搜索引擎表明链接的性质，也符合透明度原则。

我的经验是，选择哪个属性，关键在于理解链接的“意图”和“来源”。如果链接是广告或付费的，用

sponsored

登录后复制

；如果是用户发的，用

ugc

登录后复制

。如果都不是，但你又不想传递权重或背书，那么

nofollow

登录后复制

依然是你的首选。当然，你也可以组合使用，比如

rel="nofollow ugc"

登录后复制

，但通常一个就足够表达意图了。Google表示它们会把这些属性作为“提示”而非“指令”，但遵循这些提示总归是好的。

添加外链时，除了

nofollow

登录后复制

，还有哪些细节需要注意？

除了

nofollow

登录后复制

属性，添加外部链接时还有一些其他细节，它们虽然不直接影响

nofollow

登录后复制

的功能，但对用户体验、网站安全和整体SEO健康同样重要。这些细节往往容易被忽视，但对我来说，它们是构建一个高质量网站不可或缺的部分。

```
target="_blank"
```
登录后复制
和
rel="noopener noreferrer"
登录后复制
的组合：当你的外部链接设置了
```
target="_blank"
```
登录后复制
（在新标签页打开）时，为了安全起见，强烈建议同时加上
```
rel="noopener noreferrer"
```
登录后复制
。这并不是一个
```
nofollow
```
登录后复制
的替代品，而是为了防止一些潜在的安全漏洞。
- ```
noopener
```
  登录后复制
  可以阻止新打开的页面通过
```
window.opener
```
  登录后复制
  属性访问你的原始页面对象，从而防止恶意页面操纵你的页面。
- ```
noreferrer
```
  登录后复制
  则可以阻止浏览器将你的页面URL作为
```
Referer
```
  登录后复制
  头发送给新打开的页面，保护用户的隐私。虽然现代浏览器对
```
noopener
```
  登录后复制
  有默认实现，但显式添加总是更稳妥的做法。
```
<a href="https://www.example.com" target="_blank" rel="nofollow noopener noreferrer">安全的外部链接</a>
```
登录后复制
锚文本（Anchor Text）的质量：锚文本就是用户点击的可见文本。它应该简洁、准确地描述链接指向的内容。避免使用“点击这里”、“更多”这类泛泛的词语。一个好的锚文本不仅能提升用户体验，帮助他们预判点击后的内容，也能向搜索引擎提供关于目标页面内容的线索。比如，链接到一篇关于“Python编程入门”的文章，锚文本就应该是“Python编程入门”，而不是简单的“查看详情”。
链接的有效性和可访问性：定期检查你的外部链接是否仍然有效。一个网站上存在大量死链（Broken Links）会损害用户体验，也可能对SEO产生负面影响。可以使用一些工具来检测网站上的死链。此外，确保链接的目标页面是可访问的，而不是需要登录或有其他限制的页面，除非这是你的明确意图。
外链的数量与相关性：不要过度添加外部链接。每个外部链接都应该是有价值的、相关的。如果你的页面充斥着不相关的外部链接，不仅会分散用户注意力，也可能被搜索引擎视为低质量内容。我的原则是，只有当外部资源能真正补充或增强我的内容时，我才会考虑添加链接。