Webflow中修改LinkedIn图标HTML代码及rel属性位置疑问

一、Webflow里给LinkedIn图标链接加rel属性的正确操作 #

你之前把rel属性加在div上是无效的，rel是链接标签<a>的专属属性，必须加在<a>标签上才行，操作步骤如下：

• 打开Webflow编辑器，找到LinkedIn图标对应的链接元素（就是包裹图标的那个<a>标签，不是外层的div）
• 选中这个链接后，右侧面板切换到「设置」标签
• 找到「自定义属性」模块，点击「添加」按钮
• 键填rel，值填noopener noreferrer（两个属性一起加安全性更高，单独加其中一个也符合要求）
• 保存修改并发布网站，属性就会正确挂载到链接标签上

二、rel属性的位置不影响功能 #

HTML标签的属性顺序完全不影响浏览器解析，不管你把rel="noopener"放在href前面还是target="_blank"后面，只要是在<a>标签内，功能都是正常的，不用纠结位置问题。你之前看到的属性顺序没问题，但核心是要确保属性在<a>标签上——div上的rel属性对链接和SEO都起不到作用。

三、SEO扫描前的确认要点 #

上线后打开页面源码（右键→查看页面源代码），搜索你的LinkedIn链接，确认<a>标签里包含rel="noopener"或rel="noopener noreferrer"，这样HubSpot的SEO扫描就会认可这个设置了。

内容的提问来源于stack exchange，提问作者CCBender