如何修改BigCommerce的resourceHints链接以避免Google爬虫404检测

针对你遇到的Google爬虫检测到https://fonts.googleapis.com/链接返回404的问题，提供以下几个可行方案：

方案一：手动替换{{resourceHints}}，添加nofollow属性 #

BigCommerce的{{resourceHints}} Helper会自动生成预连接/预取链接，要修改特定链接的rel属性，可按以下步骤操作：

1. 进入Stencil主题编辑器，找到调用{{resourceHints}}的模板文件（通常是templates/layout/base.html的头部区域）。
2. 删除原有的{{resourceHints}}调用代码。
3. 手动写出所有需要的资源提示链接，给目标字体链接添加nofollow：

<!-- 保留其他默认resourceHints生成的链接，比如你的CDN、静态资源域名等 -->
<link rel="dns-prefetch preconnect" href="https://your-store-cdn.com/">
<!-- 给字体链接添加nofollow -->
<link rel="dns-prefetch preconnect nofollow" href="https://fonts.googleapis.com/" crossorigin>

注意：要确保手动添加所有原{{resourceHints}}包含的其他链接，避免影响页面加载性能。

方案二：用JavaScript动态修改rel属性 #

如果无法直接修改模板代码，可通过脚本动态调整链接属性：

1. 进入BigCommerce后台，打开Storefront > Script Manager。
2. 创建一个新的脚本，位置选择Footer，类型选Script。
3. 粘贴以下代码：

document.addEventListener('DOMContentLoaded', () => {
  const fontPrefetchLink = document.querySelector('link[href="https://fonts.googleapis.com/"]');
  if (fontPrefetchLink) {
    fontPrefetchLink.setAttribute('rel', fontPrefetchLink.rel + ' nofollow');
  }
});

4. 保存脚本，页面加载后会自动给目标链接添加nofollow属性。

方案三：通过Google Search Console忽略404错误 #

如果不想修改网站代码，可在Google Search Console中标记该404为“已修复”或忽略：

1. 登录Google Search Console，进入你的站点。
2. 在左侧菜单找到Coverage，找到对应404错误的条目。
3. 选择该条目，点击Mark as fixed，Google后续会重新验证，不再标记该链接的404问题。

注意：robots.txt无法阻止Google爬取外部链接，因此该方法不适用此场景。

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