使用动态元数据+预渲染的SSR应用程序外壳
当我的SEO元数据在每个路由上都是动态的时，对我的PWA的App Shell进行SSR的策略是什么？例如，在/home路由上，我只想要一个标题：
<title>Shop - Home</title>在/search上，我想添加一个描述：
<title>Shop - Search</title>
<meta name="description" content="Search results" />问题是，如果我将其包含到我的SSRd应用程序外壳中，我的服务工作者将缓存该特定页面的应用程序外壳版本。我仍然希望我的元数据根据我的用户当前所在的路线进行更改。为此，我使用了React头盔。我们还使用Prerender来缓存我们的应用程序上的每个页面，以供SEO读取我们页面的SSR元数据。
回答 1
Stack Overflow用户
发布于 2018-08-24 02:34:57
通常，您可以认为您的服务器端呈现独立于您是否使用App Shell。
SSR负责处理来自没有安装服务工作者的客户端的响应-至少作为权利，爬虫和机器人将属于这一类。您可以继续在每个SSR响应中包含特定于页面的元数据。
如果您遵循App Shell模型，您的服务工作者最终将通过返回通用的App Shell HTML来处理所有(或至少大部分)导航。这将没有任何特定于页面的元数据，但您始终可以通过客户端JavaScript调整标题和<head>的其他部分。只有“真正的”用户，而不是爬虫和机器人，才应该最终安装您的服务工作者，所以您不必太担心依赖客户端JavaScript来填充元数据。
https://stackoverflow.com/questions/51976210
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号