如何实现Google AMP页面间的链接以优化用户浏览速度？

嘿，别着急，AMP页面之间的链接实现其实非常直观，核心就是用标准的HTML链接标签，同时AMP会自动帮你优化跳转体验。我给你拆解下具体的做法和注意事项：

• 基础链接写法：直接使用普通的<a>标签，href属性指向目标AMP页面的完整URL或者相对路径就行。比如：

  <!-- 同域AMP页面的相对路径链接 -->
  <a href="/tech/amp-guide.amp.html">查看AMP进阶指南</a>
  
  <!-- 跨域AMP页面的完整URL链接 -->
  <a href="https://example.com/lifestyle/travel.amp.html">探索旅行AMP内容</a>
  

  这种写法完全符合AMP规范，而且AMP runtime会自动识别这些指向AMP页面的链接，做预加载、无缝跳转等优化，这正是你想要的速度提升效果。

• 无需额外特殊属性（除非有特定需求）：你不用加什么特殊的rel属性（比如rel="amphtml"是给非AMP页面指向AMP版本用的，AMP页面之间不需要），AMP会自动检测目标页面是否为有效AMP，并触发对应的优化行为。

• 注意事项：

  • 确保目标页面是有效的AMP页面：可以用AMP官方验证工具检查，无效的AMP页面会触发普通跳转，失去速度优势。
  • 尽量避免滥用target="_blank"：AMP的内页跳转体验已经做了优化，新开标签页会打断这种流畅性，除非用户明确需要在新窗口打开。
  • 可以添加常规HTML属性：比如class、id、title这些样式或辅助属性都没问题，只要不添加自定义JavaScript事件（AMP不允许自定义JS）。

• 进阶优化（可选）：如果需要追踪链接点击或者传递参数，可以配合amp-analytics组件，或者在链接中添加data-vars-*属性来传递自定义参数，不过这属于额外的分析需求，不影响链接本身的实现。

总之，核心就是用标准<a>标签指向AMP页面，剩下的速度优化工作AMP会帮你搞定～

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