如何修复嵌套链接警告

如何修复嵌套链接警告

在本指南中,我们解释了什么是嵌套链接、它们为何会引起问题,以及如何解决它们在 Framer 中产生的警告。

什么是嵌套链接?

嵌套链接是指一个链接被放置在另一个链接内部。由于浏览器不支持这种结构,Framer 在检测到嵌套链接时会显示警告。

警告示例:

  • 此图层的父级已包含带有链接的图层。请取消设置以修复此问题。

  • 在“关于”图层上检测到嵌套链接,原因是“头部”图层。

嵌套链接是如何发生的?

常见原因包括:

  • 为图层添加链接后,又插入了带有额外链接的文本。

  • 为图层添加链接后,嵌入了一个包含自身链接的智能组件。

如何修复嵌套链接警告

当你看到警告时,它会同时高亮显示内部和外部链接:

  • 警告面板指示的是内部链接,而“查看图层”选项会引导你定位外部链接。

  • “在图层上”指的是内部链接,而“父级图层”指的是外部链接。

修复嵌套链接警告的步骤

  1. 识别链接:使用警告来定位有问题的链接。

  2. 移除其中一个链接:通常建议移除外部链接。

  3. 重构设计:确保链接不再嵌套。

设置中的优化错误。

嵌套链接警告的类型

即时编辑器警告

在简单情况下,Framer 会立即检测到嵌套链接,并阻止你发布,直到问题解决:

发布后的优化警告

在更复杂的情况下(例如,CMS 内容包含链接、组件具有固定链接,或通过覆盖引入了链接),Framer 可能仅在发布后才能检测到嵌套链接:

会发生什么

  • Framer 会自动移除嵌套链接,并将其替换为占位符。

  • 占位符的限制:

    • 无法被搜索引擎识别。

    • 不支持长按(手机)或右键点击(电脑)。

    • 可访问性降低。

建议:手动修复嵌套链接,以提升用户体验和 SEO。

旧版警告

在 2024 年 11 月之前编辑的项目中,你可能会看到旧版的优化警告:

设置中的旧版“嵌套链接”警告。

解决这些警告的方法:

  1. 找到所引用的页面或组件。

  2. 编辑该页面/组件并重新发布网站。

  3. 这不会消除警告,但会将其更新为新版格式,便于后续处理。

如果按照上述步骤操作后问题仍然存在,请随时通过我们的 联系页面 联系我们获取进一步帮助。

Create a free website with Framer, the website builder loved by startups, designers and agencies.