NgSysV.SEO（搜索引擎优化）

此帖子系列已在 NgateSystems.com 建立索引。您还可以在那里找到超级有用的关键字搜索工具。

最后评论：24 年 11 月

一、简介

将应用程序部署到 Google Cloud 后，它就会成为“网络蜘蛛”的目标，这些蜘蛛在网络上巡逻以搜索内容以添加到其关键字“索引”中。一旦您的网站被编入索引，人们可能会在搜索引擎返回中看到它。

如果一切正常的话那就太好了。搜索引擎会将业务推向您的方向，并且不会向您收取一分钱。但在实践中，您必须鼓励蜘蛛将您的网站显着索引。这就是“搜索引擎优化”（简称SEO）的全部内容 - .

为您的网站获得良好的 SEO 涉及：

• 提供站点地图以帮助蜘蛛导航您的网站
• 利用SSR（服务器端渲染）和预渲染让你的“抓取预算”走得更远
• 帮助机器人在您的页面中找到有用的“值得索引”的内容

2. 提供站点地图和机器人文件来引导网络蜘蛛

您的网站应提供一个站点地图文件，其中列出了您希望Google（和其他搜索引擎）索引的所有路线。无论如何，索引蜘蛛通常都会发现它们，前提是站点“树”层次结构中的页面通过 正确链接。锚链接。但是，如果您的网站很大或很新，但其他网站的引用仍然很差，则可能会出现问题。

这些问题可以通过创建“站点地图”文件来解决。站点地图可以通过多种方式进行格式化，但最简单的是，索引引擎会满意于一个简单的文本文件，该文件列出了您的页面，如下所示：

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc

注意以下事项：

• 部署到 Google 应用引擎的页面会自动配置 https（加密）URL
• “myProjectURL”很可能是您已明确链接到部署 URL 的“自定义”URL。
• 如果这些是静态“.pdf”文件或类似文件，您只需向上面显示的“干净”URL 添加扩展名。
• 文本站点地图可以随意命名，但习惯上将其称为“sitemap.txt”。但是，在 Svelte Web 应用程序中，您必须将其存储在项目的静态文件夹中，以便将其内置到 yaml 文件中并部署到 Web 应用程序的根目录。

机器人文件为站点地图文件提供了一个“伙伴”：

• 阻止特定蜘蛛：您可以阻止某些网络爬虫访问您网站的某些部分。
• 阻止特定目录：例如，您可以阻止 /admin/ 或 /private/ 以使这些页面远离搜索引擎索引。
• 指定站点地图的位置。

这是一个例子

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc

在 Svelte 项目中，robots.txt 文件（强制文件名）必须存储在 /static/robots.txt 文件中。

您可以尝试使用浏览器查看 robots.txt 和 sitemap.txt 文件，以检查它们是否已正确部署到项目的 URL 根目录：

在浏览器的“搜索”框中输入的以下每个 URL 都应通过显示文件内容来响应。

// /static/robots.txt     - Don't copy this line
User-agent: *
Disallow: https://myProjectURL/inventory-maintenance
Sitemap: https://myProjectURL/sitemap.txt

有关所有这些问题的更多信息，请参阅了解站点地图

成功部署站点地图后，您可能会发现通过将站点地图提交到 Google Search Console 向 Google 提供“提醒”很有用。

您首先要注册一个“主体”——即您网站的 URL。这涉及到运行一个程序，使您能够向 Google 保证您拥有该网站。该过程首先由控制台将“站点验证”文件下载到“下载”文件夹中。您必须将其复制到 Svelte 静态文件夹中，并重建/重新部署您的 Web 应用程序以将文件上传到远程站点。当您点击身份验证屏幕上的“验证”按钮时，如果 Google 可以找到包含其期望内容的文件，那么它就会确信您确实是所有者。

点击屏幕左侧菜单中的“站点地图”工具，您现在可以输入站点地图 URL (sitemap.txt)，并在“提交的站点地图”窗口中获得“成功”状态

Search Console 是一款复杂的工具，用于监控网站索引编制进度并解决可能报告的任何问题。请参阅 Search Console 入门了解更多详细信息

3、利用“服务端渲染”和“预渲染”让你的“抓取预算”走得更远

虽然近年来，搜索引擎在对使用客户端 JavaScript 呈现的内容进行索引方面做得越来越好，但它们更喜欢仅包含 HTML 的页面。服务器端渲染 (SSR) 内容（即，其 HTMl 已通过在服务器上运行数据库访问 JavaScript 生成的页面）的索引更加频繁和可靠。除了谷歌之外没有人知道他们的索引引擎是如何工作的，但合理的猜测是这样的。

首先，您的网络应用程序会获得“网站排名”（以一种晦涩的方式确定，但可能受到引用您的 URL 的网站上的“反向链接”数量的影响）。这反过来又会给您一定的“抓取预算”——索引引擎准备花在对页面进行索引上的时间量。你会想要明智地使用这笔钱。服务器端渲染减轻了机器人的工作量，让您的预算更进一步。所以，如果你想要良好的 SEO，你应该使用 SSR！

服务端渲染的最终表达是“静态”页面 - 显示从不更改或很少更改的数据的页面 - 通过以下语句在 build 时渲染它的 page.js 或 page.server.js 文件：

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc

由于服务器现在只需下载纯 HTML，因此您的抓取预算会进一步增加，并且您的用户会收到闪电般快速的响应！有关使用调度程序自动进行预渲染构建的安排的详细信息，请参阅帖子 4.3。

4.帮助机器人在您的页面中找到有用的“值得索引”的内容

Google 的抓取和索引主题概述文档包含您所知道的所有内容。总结如下：

首先，您需要了解 Google 的“移动优先”政策。 Google 蜘蛛将分析您的网站，就像手机上运行的浏览器所看到的那样。这意味着，如果它认为您的字体太小，则会降低您网站的“声誉”（及其抓取预算）。

如果您的网络应用程序是为桌面用户设计的，这对您来说将是一个打击。在手机上尝试您的网站，您可能会发现它完全没用。

解决这个问题的方法是使用“响应式样式”（请参阅​​帖子 4.4，以便 Web 应用程序感知其运行设备的页面宽度并相应地进行调整。

您的网络应用程序的某些部分可能不适合网站操作。您可能会寻求删除这些内容，但谷歌会提醒您，其大部分索引来自移动页面。他们建议您轻轻地将此类内容隐藏在选项卡或“手风琴”后面。

网络蜘蛛主要寻找的是内容 - 搜索引擎客户会发现有用的信息。但他们需要您的帮助来定位和解释这一点。以下是一些关于如何执行此操作的提示@

• 给每个页面写得良好且独特的，和 内的元素代码块。这是一个例子：

// /static/robots.txt     - Don't copy this line
User-agent: *
Disallow: https://myProjectURL/inventory-maintenance
Sitemap: https://myProjectURL/sitemap.txt

这种安排将插入

• 确保的文本内容是锚链接清楚地描述了链接页面的内容，或者（如果这不切实际）由 title= 标签补充。在 href= 标签中使用绝对 URL（即包含其所有组件的 URL）。这是一个例子

// /static/sitemap.txt    - Don't copy this line
https://myProjectURL/inventory-display
https://myProjectURL/inventory-maintenance
etc

• 在网站（例如“食谱”网站）中使用“结构化”数据描述，以严格定义的格式显示固定类别的信息。本文中的“结构化数据”指的是用于提供有关页面的信息并对其内容进行分类的标准化格式。网络上最常见的结构化数据格式是 schema.org 发布的格式。 如果您想了解更多相关信息以及如何在 Svelte Web 应用程序中使用结构化数据，请向 chatGPT 询问示例。

以上是NgSysV.SEO（搜索引擎优化）的详细内容。更多信息请关注PHP中文网其他相关文章！