导读:本期聚焦于上海GEO公司创作的《WordPress如何在新窗口或标签页中打开外部链接?完整教程与注意事项》,敬请观看详情。外部链接到底要不要在新窗口打开?这个看似简单的问题,其实直接影响访客的浏览体验和网站停留时间。本文以WordPress为例,系统讲解在新窗口或标签页打开外部链接的多种方法,包括利用古腾堡编辑器和经典编辑器自带的设置选项、修改主题代码添加target属性,以及使用插件批量自动处理全站外链。每种方法都配有具体操作步骤,新手也能照着做。文章最后还整理了常见问题与注意事项,比如target=_blank的安全风险、SEO影响、移动端体验等,帮你避开常见的坑,让外链设置既方便访客又不损害网站质量。

在WordPress网站中插入外部链接时,很多站长都会纠结一个问题:点击链接后是在当前页面跳转,还是在新窗口打开?如果直接在当前页面跳转,访客就会离开你的网站,导致跳出率上升、页面停留时间下降;而选择在新窗口打开,访客的原始页面得以保留,可以随时返回继续浏览。本文将详细介绍在WordPress中让外部链接在新窗口或标签页中打开的各种方法,从编辑器自带功能到代码方案再到插件批量处理,帮你找到最适合自己网站的做法。

WordPress如何在新窗口或标签页中打开外部链接?完整教程与注意事项

为什么外部链接建议在新窗口打开

外部链接是指向你自己域名以外网站的链接,比如引用参考资料、推荐工具、指向合作伙伴网站等。当访客点击这类链接时,如果浏览器直接在当前标签页跳转,访客就被带到了别的网站,你的页面随即关闭。对于内容型网站、博客来说,这会显著缩短用户在站内的停留时间。

在新窗口或新标签页打开外部链接,访客可以在查看外部资源的同时保留你的页面,浏览完毕后关闭新标签即可回到原位,无需依赖浏览器的后退按钮。这种体验对用户更加友好,尤其是页面中包含大量参考链接的长文章。

此外,保留原页面还有助于降低跳出率。虽然跳出率不是直接的排名因素,但较长的停留时间通常意味着内容质量获得认可,间接对SEO有积极作用。当然,也要注意不要滥用这一设置,站内链接一般不建议强制新窗口打开。

方法一:使用古腾堡区块编辑器设置

WordPress自5.0版本起默认使用古腾堡(Gutenberg)区块编辑器,设置链接打开方式非常直观。首先选中要添加链接的文字,点击工具栏上的链接图标,输入或粘贴目标网址。展开链接设置面板后,你会看到一个开关选项,名为在新标签页中打开(Open in new tab)。

将这个开关打开后,WordPress会自动为该链接添加target="_blank"属性和rel="noopener"属性,前者负责在新标签页打开,后者是安全属性,防止新页面通过window.opener篡改原页面的地址。设置完成后发布或更新文章即可生效。

需要注意的是,这个设置是针对单个链接的。如果文章中外部链接很多,逐个设置会有些繁琐,此时可以考虑后面介绍的插件方案实现批量处理。

方法二:经典编辑器中的设置方法

如果你使用的是经典编辑器(Classic Editor),操作同样简单。在可视化模式下选中文字,点击工具栏的插入链接按钮,填入网址后,点击链接设置图标(通常是一个齿轮或铅笔形状的按钮)打开高级设置。

在弹出的设置窗口中,勾选在新的窗口或标签页中打开链接这个选项,然后点击更新或确定保存。如果你习惯在文本(HTML)模式下编辑,也可以直接手动修改链接代码,将原本的格式改为包含target="_blank"的写法,例如:a标签中添加target="_blank"和rel="noopener noreferrer"两个属性。

经典编辑器不会自动添加noopener属性,因此建议在HTML模式下手动补上rel="noopener",以避免潜在的安全风险,这一点在后文的注意事项中会详细说明。

方法三:修改主题代码实现

对于有一定代码基础的用户,可以通过修改主题的functions.php文件,让全站外部链接自动在新窗口打开。打开当前主题文件夹中的functions.php文件,在末尾添加一段处理文章内容的过滤器代码,利用正则表达式匹配所有指向外部域名的a标签,自动添加target="_blank"属性。

这种方案的优点是不依赖任何插件,执行效率高,且对历史文章同样生效,无需逐篇修改。缺点是代码一旦出错可能影响前台展示,而且更换主题后需要重新添加。强烈建议在修改前备份网站,或使用子主题(Child Theme)来存放自定义代码。

如果不熟悉正则表达式,网上有许多现成的代码片段可以直接使用,但要仔细甄别代码来源的可靠性,避免引入恶意代码。任何情况下都不要使用来源不明的付费主题或插件分享站点提供的代码。

方法四:使用插件批量处理外链

插件方案适合不想碰代码又需要批量管理外链的用户。WP External Links就是一款专门处理外部链接的插件,安装启用后,可以在设置页面统一配置所有外部链接的行为,包括是否在新窗口打开、是否添加nofollow、是否添加noopener或noreferrer属性等。

插件会自动扫描全站内容中的外部链接并应用设置,对已发布的文章同样有效,无需手动修改。如果你同时希望外链对SEO更友好,还可以借助这类插件为所有外部链接统一添加rel="nofollow"或rel="external"属性,实现链接属性的集中管理。

选择插件时注意查看更新日期和兼容的WordPress版本,长期不更新的插件可能存在安全隐患。安装后先用一篇文章测试效果,确认无误后再放心使用。

常见问题与注意事项

首先是安全问题。使用target="_blank"时,务必同时添加rel="noopener"属性。因为按照旧版浏览器的行为,通过target="_blank"打开的新页面可以通过window.opener对象控制原页面,恶意网站甚至可以将原页面重定向到钓鱼网站。现代浏览器在新标签页场景下已默认隔离opener,但为了兼容旧浏览器,显式添加该属性仍是最佳实践。

其次是SEO方面的考虑。在新窗口打开外部链接本身不会对排名产生负面影响,搜索引擎并不会因为target属性而惩罚网站。真正需要关注的是外链是否传递权重,如果不希望将权重传递给外部网站,可以配合rel="nofollow"或rel="sponsored"属性使用。

最后是使用体验的平衡。并非所有链接都适合新窗口打开,站内导航、菜单、分页链接应保持在当前窗口打开,否则访客可能被大量标签页困扰。另外,让浏览器决定打开方式还是强制新窗口,社区一直有争论,主流建议是:指向外部资源的链接用新窗口,站内链接用当前窗口,这样既方便访客,也符合大多数用户习惯。

小贴士:无论采用哪种方法,设置完成后记得用手机和电脑分别测试一下链接效果,确保不同设备上的体验都符合预期。

总结

在WordPress中让外部链接在新窗口或标签页打开并不复杂:偶尔需要设置的几条链接,直接用编辑器自带的选项即可;希望全站统一处理的,选择插件或代码方案更省事。关键是记住搭配rel="noopener"保障安全,并区分站内与站外链接的使用策略。掌握这些方法后,你就能轻松优化网站的链接体验,让访客在浏览外部资源的同时不离开你的网站。

WordPress教程外部链接新窗口打开WordPress外链设置修改时间:2026-09-02 22:35:03

免责声明:已尽一切努力确保本网站所含信息的准确性。网站作品多为原创整理与精心创作,观点力求客观中立。本站旨在免费分享,内容仅供个人学习、研究或参考使用。若引用了第三方作品,版权归原作者所有。如内容涉及您的权益,请联系我们进行处理Email:chomcom@qq.com。
引用或转载本作品时,请注明当前出处:https://www.ipipp.com/html/20260902/49182.html,基于非商业用途的前提下,欢迎转载或二创本作品。
内容垂直聚焦
专注技术核心技术栏目,确保每篇文章深度聚焦于实用技能。从代码技巧到架构设计,为用户提供无干扰的纯技术知识沉淀,精准满足专业提升需求。
知识结构清晰
覆盖从开发到部署的全链路。AI、前端、编程、数据库、服务器、建站、系统层层递进,构建清晰学习路径,帮助用户系统化掌握开发与运维所需的核心技术。
深度技术解析
拒绝泛泛而谈,深入技术细节与实践难点。无论是数据库优化还是服务器配置,均结合真实场景与代码示例进行剖析,致力于提供可直接应用于工作的解决方案。
专业领域覆盖
精准对应开发生命周期。从前端界面到后端编程,从数据库操作到服务器运维,形成完整闭环,一站式满足全栈工程师和运维人员的技术需求。
即学即用高效
内容强调实操性,步骤清晰、代码完整。用户可根据教程直接复现和应用于自身项目,显著缩短从学习到实践的距离,快速解决开发中的具体问题。
持续更新保障
专注既定技术方向进行长期、稳定的内容输出。确保各栏目技术文章持续更新迭代,紧跟主流技术发展趋势,为用户提供经久不衰的学习价值。