友情链接这块代码，网站很多人直接从模板里复制一段就完事，底部代码结果上线后发现：要么样式错位，友情要么SEO权重没传递出去，链接甚至被挂马。网站问题出在细节。底部代码

先看最基础的友情HTML结构。一个干净的链接友情链接区域通常长这样：

<div class="friend-links"> <h3>友情链接</h3> <ul> <li><a href="https://example.com" target="_blank" rel="noopener">示例站点</a></li> <li><a href="https://another.com" target="_blank" rel="noopener">另一个站</a></li> </ul> </div>

注意rel="noopener"。不加它，网站新打开的底部代码页面能通过window.opener操控你的原页面，这是友情真实存在的钓鱼手法。有些老教程只写target="_blank"，链接别照抄。网站

样式上我不建议用表格。底部代码早些年很多站长用<table>排友情链接，友情现在看既臃肿又不利于响应式。用flex或者inline-block更省事：

.friend-links ul {  display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 0; } .friend-links a {  color: #555; text-decoration: none; font-size: 14px; } .friend-links a:hover {  color: #1a73e8; }

但样式不是重点。友情链接的核心价值在SEO——准确说，是“投票”。每个<a>标签里的href就是一张选票。可如果你在链接上加rel="nofollow"，这张票就作废了。有些站长怕权重流失，给所有外链加nofollow，同时又指望别人给自己做友情链接。这逻辑挺矛盾的。我的做法是：首页底部放正常链接，内页或评论区的外链才考虑加nofollow。

另一个坑是链接数量。有人一口气挂三四十个友情链接，还全放在首页。搜索引擎会判定为“链接农场”，轻则降权，重则惩罚。我见过一个案例：某博客原本权重不错，换了个模板后底部塞了50个链接，两周内关键词排名掉出前三页。后来删到12个，慢慢才恢复。所以数量上，首页友情链接控制在10到20个比较稳妥。

代码里还要注意锚文本。别清一色写“点击进入”或者“网站名称”。锚文本应该自然描述对方站点内容，比如“前端开发笔记”“摄影后期教程”。对方给你做链接时，你也可以建议他们用合适的锚文本——但别强求，友情链接的本质是互惠，不是命令。

还有一个容易被忽略的点：检测链接是否有效。对方站点可能哪天就打不开了，或者改成了404。你的页面上挂一堆死链，用户体验差，搜索引擎也会觉得你页面质量低。写个简单的PHP脚本定时检查，或者用现成的工具，比如LinkChecker。我习惯每季度手动点一遍，顺便看看对方是否偷偷加了nofollow或者跳转。

最后说个实际经历。有次帮朋友看站，发现他底部友情链接的href全是javascript:void(0)，点击后通过JS跳转。他以为这样能防爬虫，实际上搜索引擎根本抓不到链接，友情链接完全失效。改回正常href后，两周内外链数据才重新出现。

代码本身不复杂，复杂的是背后的意图。你放友情链接是为了什么？如果是给用户提供延伸阅读，那就大方给出dofollow；如果纯粹为了交换权重，那就按规则来。别又想马儿跑，又想马儿不吃草。

(责任编辑：娱乐)