为了账号安全,请及时绑定邮箱和手机立即绑定

JS 应该动态生成元数据/整个页面吗?

JS 应该动态生成元数据/整个页面吗?

哆啦的时光机 2023-10-14 19:25:36
因此,我将有很多页面,其中包含大量文本,JS 和 CSS 文件将转换为彩色网页。我注意到文本通常会很长,并且由于会有很多网页,因此我应该减小文件大小。另外,因为我不想破坏文件质量,所以我决定我的 JS 文件将获取文本并从中创建一个网页。 旁注:我想做的是制作教程页面,所以我将使用 JS 生成每个教程页面上的很多内容,例如课程列表,以减小文件大小。我注意到元数据(<head>内容)通常会占用 JS 可以生成的一些空间,所以我想,为什么我不直接用 JS 生成它呢? 但随之而来的问题是,有些浏览器可能无法解析它,或者解析它可能很慢。JavaScript 是否应该生成元数据(也许几乎是整个页面,例如<head>完全删除标签并使用 JS 生成元数据)?
查看完整描述

1 回答

?
心有法竹

TA贡献1866条经验 获得超5个赞

这取决于您想要的结果。

Google 改进了其 SEO 机制,可以在索引页面之前呈现您的页面,请参阅此处:

https://developers.google.com/search/docs/guides/javascript-seo-basics

然而,其他机器人可能不会这样做,例如读取 Open Graph 元标签的 Facebook 或 Twitter 等社交媒体爬虫,或百度等其他搜索引擎。

如果机器人不渲染您的文档,则 JavaScript 不会被执行,您的元数据也不存在。

此外,如果您的初始文档不包含样式表或其他 CDN,则客户端需要更长的时间。想象一下这个过程:

带头

  1. 获取文档

  2. 获取资源

  3. 渲染内容

无头

  1. 获取文档

  2. 渲染内容

  3. 获取资源

  4. 重新渲染

这过于简单化了,但它证明了我的观点。

选择:

如果您的内容如此动态,您可以考虑服务器端渲染 (SSR) 或预渲染

您可以以编程方式构建页面并存储/提供所有页面,或者根据请求在服务器端构建它们。

https://developers.google.com/web/updates/2019/02/rendering-on-the-web


查看完整回答
反对 回复 2023-10-14
  • 1 回答
  • 0 关注
  • 87 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信