首页 > web前端 > js教程 > NgSysV.SEO(搜索引擎优化)

NgSysV.SEO(搜索引擎优化)

Barbara Streisand
发布: 2024-12-02 15:47:10
原创
547 人浏览过

NgSysV.SEO (Search Engine Optimisation)

此帖子系列已在 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
登录后复制
登录后复制

这种安排将插入 、<meta> 的尴尬任务委托给了 Svelte。和 的元素进入 DOM。 这里的元素告诉索引机器人可以通过“https://myUrl”和“https://myUrl/”等不同方式访问的网站的“品牌”是“主要”或“首选”版本。如果您想了解完整的故事,请向 chatGPT 询问有关“规范”一词的教程。

// /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中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板