使用Chrome DevTools进行故障排除-Semalt提示



Chrome DevTools对大多数SEO专业人士而言并不陌生。另一方面,对于Ñlients,这可能是您尚需学习的东西之一。好吧,在Semalt,我们满足客户SEO需求的过程的一部分取决于我们对您的网站所需要的必要方面进行教育的方式。

适用于SEO的Chrome开发工具非常重要,因为我们将其用于故障排除。为了使Semalt与我们的客户之间可以轻松进行交流,我们向您展示如何使用此工具修复您网站上的SEO问题。

借助Chrome开发工具,我们可以定位潜在的SEO问题,从网站的可抓取性到其性能。在本文中,我们将重点介绍使用这些工具更好地为客户服务的三种方式。

什么是Chrome DevTools?

完整的DevTools或Chrome DevTools是一组直接内置在Chrome浏览器中的Web开发人员辅助工具。我们使用这些工具即时编辑页面并及时诊断问题。这有助于我们为客户建立更好的网站,但是我们可以更快地完成并确保它们是完美的。

我们都可以在很大程度上同意Google Chrome是任何SEO专业人士中最重要的工具包之一。无论您使用哪种SEO软件来自动执行审核或大规模诊断SEO问题,Chrome DevTools仍然是必备工具。由于能够提供实时检查SEO问题的关键方法的能力,包括Semalt在内的许多SEO专业人员都一次又一次地使用它。

我们可以花更多时间讨论Chrome DevTools可以帮助专业人员和Web开发人员的多种方式,但我们的注意力集中在更具体的方面。在这里,我们想与您分享几种不同的情况,我们依靠Chrome DevTools来解决和纠正问题。

在以下三种情况下,拥有Chrome DevTools并不是一个坏主意:

设置Chrome DevTools进行故障排除

您可能从未尝试过使用Chrome DevTools。嗯,访问它就像在SERP上单击一个网站并单击“检查”按钮一样简单。作为SEO专业人员,我们必须更加谨慎,但是您对如何使用它有所了解。在Semalt,我们同时使用Element平面和CSS,CSS允许我们观察DOM,并且CSS可以在控制台抽屉中使用其他一些不同的工具。

我们将逐步指导您如何在SEO故障排除中使用此工具。

首先,请右键单击,然后选择检查。默认情况下,您将看到元素面板出现,这使您可以大致了解DOM以及用于构建页面的样式表的性质。

拥有这种观点为我们提供了很多可供深入研究的内容;但是,我们使控制台抽屉能够充分利用该工具包。

单击设置图标旁边出现的点,然后向下滚动,直到出现“显示控制台抽屉”选项。另外,我们只需单击退出键。

启用控制台和元素面板后,用户可以浏览DOM中呈现的代码。用户还将在浏览器中看到用于绘制代码的样式表。您还可以从控制台抽屉访问其他几个工具。

对于初次使用的用户,控制台抽屉可能不会显示控制台本身,但是使用Chrome DevTools一段时间后,控制台抽屉会开始显示控制台本身。控制台面板允许您查看记录的消息以及运行javascript。我们今天不会深入探讨这一点。

相反,这是我们将要研究的三个附加工具:
要找到这些工具,请选择更多工具,然后选择这三个项目中的每一个,以使它们在控制台抽屉中显示为选项卡。启用这三个面板后,我们可以开始故障排除。

在DevTools中切换用户代理

切换用户代理是使用DevTools的最容易被忽视的方法之一。这是一项简单的测试,它帮助我们发现了几个不同的问题,因为它可以洞悉Googlebot如何查看和处理网站上的信息功能。

对于我们的SEO调查专家团队而言,DevTools被用作值得信赖的放大镜,它使我们能够放大网站中的问题,不仅可以防止此类问题的发生,而且可以发现此类问题的根本原因。

如何在Chrome DevTools上切换用户代理?

在Chrome中切换用户代理时,您需要使用控制台抽屉中的网络条件标签。为此,您可以自动取消选中选择,从而可以使用Googlebot智能手机,Bingbot或许多其他用户代理查看内容,以查看内容的交付方式。

如果Google未在SERP中显示更新的标题标签或元描述,那么毫无疑问,此类网站的所有者会感到担忧。理解Google为什么选择使用完全不同的标题标签或未能更新标签的原因对于确保实施所做的更改非常重要。

在移动备用站点的情况下使用Chrom DevTool

在类似的情况下,将用户代理切换到Googlebot智能手机后,我们发现该网站仍在为Googlebot提供备用移动网站。但是,由于Google已经切换到移动优先索引,因此它在移动网站上处理了更改并将它们编入索引,但未能捕获对桌面版Domain所做的更新。

您可能会认为移动站点是一些遗物,但它们确实仍然存在。

在发现过分的服务器保护中使用Chrome DevTools

网络上有许多恶意目的的人。许多黑客和恶意不法分子试图将Google用于互联网上的网站。因此,某些服务器堆栈CDN和其他托管服务提供商可能会提供某些内置功能,以阻止Googlebot欺骗,而其实际目的是阻止垃圾邮件爬网程序获得对该网站的访问权限。过度努力,这些网站可能最终阻止Googlebot获得对该网站的访问权限。有时,用户会看到状态为“未经授权的请求被阻止”的消息。

如果我们在Google的SERP上遇到此类消息,则即使浏览器加载内容没有问题,我们也会立即知道犯规。

通过使用User-Agent切换功能,我们将User-Agent设置为Googlebot智能手机后,便可以看到该网站正在提供该消息。

在DevTools中诊断核心网络生命

性能选项卡是DevTools最重要的功能之一。它是解决影响页面速度和性能的问题的理想网关。一般而言,DevTools可以提供有关核心网络生命周期的一些可操作信息。

一段时间以来,构成Google核心网络活力的指标一直是页面速度和效果报告的一部分。 SEO专业人员必须精通如何剖析这些问题,这一点非常重要。作为网站管理员,我们已经更加敏锐地意识到核心网络要素对搜索效率的重要性。

当使用DevTools中的效果标签时,我们将朝着更好地理解重要的Web指标迈出一步。

仔细检查您的HTTP标头并查看未使用的代码

您听说过SEO审核中的软404吗?好吧,软404是浏览器可能显示404页面的时候,但是它们返回200 OK响应代码。
在某些情况下,内容可能会完全按预期在浏览器中加载;但是,HTTP响应代码可能显示404或302错误。通常它也可能是不正确的,或者不是您所期望的。无论哪种方式,查看每个页面和资源的HTTP响应代码都是有帮助的。

虽然有许多惊人的Chrome扩展程序,它们可以使用DevTools为您提供有关响应代码的有价值的信息,但您可以直接检查这些信息。

此时,DevTools显示所有被调用来编译页面的单个资源。这包括相应的状态代码和瀑布可视化。

结论

借助Chrome DevTools,您可以查找并解决阻止网站发挥其真正潜力的潜在问题。 DevTools在您的技术审核中特别有用。除了这些,使用DevTools时您还可以享受速度。不用离开我们的网络浏览器,塞玛尔特的团队就会感到有能力发现从爬网到网站性能的检查问题。

塞马尔特 可以帮助您充分发挥网站的作用,希望您与我们的团队取得联系。我们期待您的回音。