getStaticProps执行异常致页面无内容，会对SEO产生何种影响？

这种情况对SEO的负面影响非常直接，主要体现在这几个方面：

• 页面无实质内容，搜索引擎直接降权
  爬虫抓取到的是空白页面，没有任何能体现主题的标题、正文内容，搜索引擎会判定这个页面没有价值，要么大幅降低排名，要么直接从索引里删掉——毕竟搜索引擎的核心是给用户提供有用内容，空页面完全不符合要求。

• 标题标签缺失，关键词匹配彻底失效
  你的代码里只有在无错误时才会设置页面标题，异常时连<title>标签都没有。标题是爬虫判断页面主题的核心依据，没有标题的话，爬虫根本不知道这个页面是讲什么的，既没法匹配用户的搜索关键词，搜索结果里也会显示空标题，用户根本不会点击。

• 用户体验崩盘，反向拖累SEO
  用户点开页面看到一片空白，肯定立刻关掉，导致页面跳出率暴增、停留时间几乎为0。这些用户行为数据会被搜索引擎捕捉到，进一步坐实“这个页面没用”的判断，排名只会越来越差。

• 索引稳定性受影响
  如果异常是偶尔发生的，爬虫这次抓到空白，下次又抓到正常内容，这种不稳定的状态会让搜索引擎对页面产生不信任，可能减少抓取频率，或者暂时标记页面为“不稳定”，长期下来会影响页面的索引表现。

优化建议 #

• 别返回空页面：异常时至少渲染一个带基础信息的错误页，比如显示“页面暂时无法加载，请稍后重试”，同时设置固定的页面标题（比如“XX博客 - 页面加载失败”），让爬虫至少能识别页面归属。
• 正确返回状态码：在getStaticProps里抛出错误时，用return { notFound: true }或者配置revalidate参数，让Next.js返回404或500状态码，搜索引擎会根据状态码正确处理——比如404会标记页面不存在，500会知道是临时故障，后续会重试抓取。
• 增加兜底逻辑：比如缓存之前成功生成的文章内容，当getStaticProps失败时，用缓存内容渲染页面，保证始终有可抓取的内容。

附原代码：

export const BlogHome: NextPage<PropsFromGetStaticProps> = ({ error, article }) => {
  return (
    <_div>
      {!error ? (
        <>
          <Head>
            <title>{article.title}</title>
          </Head>
          <main>
            <h1>{article.title}</h1>
            <p>{article.description}</p>
          </main>
        </>
      ) : null}
    </_div>
  );
};

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