重新设计后如何检查网站的健康状况

重新设计过程很复杂，需要很多人和时间。 设计师希望网站美观，开发人员希望快速编写代码，而 SEO 则希望对其进行优化——这三个意图并不总是相辅相成。

重新设计可以通过多种方式完成：使用 CMS、自定义代码、框架、页面构建器等。但并非所有方式都对 SEO 友好，因此建议使用 SEO 最佳实践来实施重新设计。 在本文中，我们将了解如何执行 SEO 网站重新设计以及完成后检查网站健康状况的步骤。

网站重新设计后可能会出现哪些 SEO 问题

如果网站开发没有以最佳实践为指导，那么在 SEO 方面也可能会出现许多问题。 索引问题、页面损坏、网站速度、媒体优化不佳、响应问题等等。 所有这些问题肯定会对排名产生影响，导致自然流量下降。

在重新设计之前检查网站

在发布您的新设计之前，您可以做的一件好事是运行网站健康检查，以便您以后可以进行比较。 首先，抓取并保存所有页面的列表，以验证它们是否出现在新站点上。 除了 URL，您还需要保存与它们相关的重要数据：元标记、内容等，以验证更新后的站点上没有丢失任何重要的数据。 手动收集可能很困难，尤其是对于大型网站，但有一种更简单的方法——使用自动网站健康检查软件。 例如，SE Ranking 网站审计工具会检查并保存网站每个页面的统计信息，以便您查看当前状况和更改历史记录——您可以将整个网站或每个页面与之前的爬网进行比较，这正是我们需要。 我们将使用此工具来演示该过程，因为它一次检查具有 120 多个标准的网站，因此您将所有需要的数据集中在一个地方。

重新设计后如何检查网站健康和发现问题

发布新站点版本后检查站点运行状况的最佳方法是将其与旧版本进行比较。 为此，您需要使用 SE Ranking Website Audit 运行两次爬网：一次在更改之前，一次在更改之后。 使用这两个爬网，您将能够确保重要的东西仍然可用并且旧问题已得到修复。 让我们详细研究一下。

基本的可抓取性和可索引性相关问题

重新设计后，首先要检查的事情之一是所有页面都可以访问并且可以在新版本上重新索引。 影响页面爬取和索引的主要问题有：

• 非 200 响应代码 (1)
  如果网站上没有这样的 URL，则响应码为 4xx； 如果页面被重定向，则响应代码为 3xx； 如果有一些服务器端错误，响应代码是 5xx。 在任何这些情况下，页面都无法加载并显示给用户，因此无法抓取或添加到 Google 索引中——确保所有重要页面都有 200 响应代码。
• 页面在 robots.txt 中被阻止 (2)
• 该页面包含“noindex”元机器人标签 (3)
• 规范 URL 指向另一个页面 (4)

要同时验证所有这些问题，请转到网站审核 → 抓取页面并选择适当的列以在一个屏幕上查看可抓取性和可索引性问题。

网址结构

重新设计并不总是与前端有关。 有时它也会影响后端和/或服务器配置。 如果您移动到另一个 CMS 或更改影响 URL 结构，您需要确保新 URL 与旧 URL 相同或相应地配置重定向。 如果您不这样做，旧 URL 将具有 404 响应代码，并且新页面将不会继承旧页面的信任，因为它们将被视为全新页面。

此外，无论页面路径如何，都会出现几个问题：

• 斜线在最后
  “…/example-url”与“…/example-url/”不同。 如果规范 URL 末尾没有斜杠，访问以斜杠结尾的 URL 将导致 404 响应代码，这对 SEO 不利。 您需要确保所有新 URL 的结尾与旧 URL 相同，或者相应地配置规范和重定向。
• HTTP(S)
  与上一个问题一样，启用/禁用 SSL 连接也会影响 URL 结构，如果配置不正确，可能会导致严重问题。
• 万维网
  “www.example.com”不等于“example.com”。 这个前缀在万维网的早期通常用于表示网络资源是为了公开访问的。
  从技术上讲，“www。” 是一个子域，Google 将子域视为不同的域而不是文件夹。 如果您尝试访问未正确配置的域或子域，则会收到错误消息，搜索机器人也会收到错误消息。 为避免此类问题，请确保设置重定向或添加指向您网站首选版本的 rel=canonical 标签。

元标签

在发布网站的新版本时，您需要确保旧页面的所有优化元标记都已到位。 否则，缺少或错误的标题和描述可能会导致排名和流量显着下降。 要检查网站的运行状况以及您没有缺少元标记或元标记错误的页面，请前往网站审核的问题报告中的标题和描述部分。

为确保元标题和描述与重新设计之前相同，请使用已抓取页面报告并启用相应的列。 然后，将它们与重新设计之前的内容进行比较。

内容

如果多个页面具有相同的内容，Google 将难以确定应该在 SERP 中显示哪个页面，从而导致所有重复页面的排名下降。

比较内容可能很困难，特别是如果您有一个大网站。 好消息是可以自动检测此类问题。

重复页面

重复页面是具有相同内容的页面。 有时可能很难找到它们，因为它们可能有不同的 URL，但有一个参数可以帮助您识别它们。 启用“内容散列”列将显示页面内容的唯一散列 - 内容的加密等价物。 如果两个页面的哈希值相同，则意味着它们 100% 相同——查看这些事件并只留下一个页面的副本。

元标签

另一个重复场景是相同的元标记。 当搜索引擎评估页面的相关性时，标题和元描述会产生重大影响。 不要将 Google 与具有相同元标记的页面混淆，因为它们都不会排名靠前。

要查找这些页面，请启用网站审核工具的已抓取页面报告中的“重复标题”和“重复描述”列，或转到问题报告中的相应部分。

标题 H1

与元标记类似，当搜索引擎确定页面的内容时，页面的标题优先于其他（子）标题。 您需要确保您的所有页面都没有相同的 H1，因此它们不会互相抄袭。 与元标记检查一样，启用报告中的“重复 H1”列。

核心网络生命力

如果你正在实施一个新设计，你应该确保它会改善用户体验； 否则，这样做是没有意义的。 幸运的是，谷歌开发了 Core Web Vitals——一套帮助开发人员评估他们的用户体验的指标。

使用 SE Ranking，您无需检查 Web.dev 或 Chrome 的 Lighthouse 中的每个页面，因为网站审核会检查所有页面的所有必要页面体验指标。 让我们来看看它们。

首先要做的是检查核心 Web 生命体征：LCP、FID 和 CLS。 这三个参数反映了您的网站在用户体验方面的表现如何：

1. 最大内容绘制意味着在用户浏览器中打印第一个视口的速度。 该指标与网站加载速度密切相关，我们将在几秒钟内讨论。
2. 首次输入延迟衡量用户与页面交互的速度（例如，点击链接、按钮）。 该参数还与站点速度有关。
3. Cumulative Layout Shift 告诉您内容在加载期间的稳定性——当内容元素在页面加载期间更改其大小和位置时，这非常烦人。

此信息可在概览仪表板或问题报告 -> 性能部分中找到。 很棒的是，这份报告是基于真实用户和实验室环境测试的数据。 这是任何进一步优化的起点。

网站速度

3 个核心 Web Vitals 中有 2 个与加载时间有关。 不仅如此，统计数据还表明，三分之一的用户等待页面加载的时间不会超过 3 秒。 因此，可以说网站速度是用户体验的核心参数。 让我们看看 SE Ranking 如何帮助您识别和解决加载时间问题。

HTML

由于所有网页都是用 HTML 编写的，因此这是重新设计后您需要验证的第一件事。 这些问题非常基本，但它们对于进一步的调整至关重要。 在这方面，您需要确保 HTML 大小不会太大而无法排除大 DOM 大小，因为渲染可能具有挑战性，从而影响整体加载时间。 此外，确保您的 HTML 被压缩和缓存，以最大限度地减少文档大小和后端处理时间。

JS 和 CSS

现代网络与 JavaScript 和 CSS 交织在一起。 这些技术有助于创建具有敏捷功能的漂亮网站。 然而有时，这些功能可能会损害站点性能，因此在部署新设计时检查资源是否已优化非常重要。

JS 和 CSS 文件的优化技术类似：

1. 缩小
   排除所有注释、换行符、多余的空格等——只留下重要的字符。
2. 结合
   尝试提供尽可能少的文件（理想情况下，每页一个 JS 和一个 CSS）。 每个文件请求都需要服务器响应和浏览器下载它的时间——单个文件是一种更方便的方式。
3. 缓存
   启用服务器端缓存意味着您的文件不会在每次用户请求页面时从头开始生成； 相反，将提供它们的保存副本。 这从服务器中消除了许多不必要的负载并缩短了加载时间。

以下是一些一般性建议：

• 避免使用框架和主题
  JS 框架和预制的 CSS 可以为您节省一些时间，但它们通常没有考虑到速度优化。 它们有很多你不需要的功能，而且所有这些额外的功能可能太重而无法加载。
• 小心合并 JS 文件
  如果 JS 文件中存在单个错误，则该文件中的任何其他功能都可能无法正常工作。 因此，如果您只有一个 JS 文件，则所有功能都可能停止工作。 为核心功能和前端美感创建单独的文件可能是一个聪明的决定。

图片

关于 SEO，图片优化也是必不可少的：

1. 图像应该有一个 Alt 文本，以便搜索引擎和使用屏幕阅读器的人可以理解图像的含义——确保所有图像在重新设计后都有有意义的 Alt 文本。
2. 图片尺寸
   最佳做法是以与父容器相同的分辨率提供图像。 但是，由于容器可能会更改其大小的响应式设计，几乎不可能创建适合所有可能容器的图像副本。 您可以做的是创建多个图像变体（即原始尺寸、300 像素宽度、100 像素宽度）以在网站的不同位置使用。 例如，文章上的特色图片应为原始尺寸，而存档页面上的缩略图最好使用宽度为 300 像素或更低的较小图片。
3. 图像压缩
   图像压缩是减少图像中使用的唯一颜色数量的过程。 人眼几乎看不到中等压缩，但可以节省多达 30% 的文件大小——这是很多的，尤其是考虑到与其他页面资源相比，图像的文件大小较大。

响应式设计

由于大部分流量来自移动设备，因此必须检查移动优化问题，并且 Google 已切换到移动优先索引。 SE Ranking 也涵盖了这一点。

通过导航到问题报告中的移动优化类别，您将能够验证您的网站是否符合基本的响应式设计原则。

包起来

重新设计是一个复杂的过程，特别是考虑到重新设计的网站必须进行 SEO 优化。 实现它的最佳方法是考虑到 SEO 和性能实践。

发布更改后，您需要检查一切是否正常——这就是网站健康检查工具发挥作用的地方。 为确保您的新网站更好或在 SEO 和性能方面没有任何问题，您需要将其与之前的版本进行比较。 SE Ranking 完全满足您的需求：抓取、检查和存储网站审核数据，以便您可以轻松地按日期监控和比较您的结果。 使用此类审核使您能够在重新设计后比较和改善网站的健康状况。