|
Post by mnnuman25 on Nov 11, 2023 14:06:33 GMT 9
我们日常使用的Google Chrome浏览器也可以在您的SEO工作中发挥积极作用。即使了解非常简单的操作,您也可以加快分析速度。在这篇文章中,我试图解释如何在 SEO 方面使用 Google Chrome 开发者工具。我试图在我的文章中收集对我来说最重要的功能。我还想指出,从事前端或后端工作的同事当然会使用更多且不同的命令和选项。 当然,Google Chrome 开发者工具并不能替代您从其他强大的 SEO 爬虫获取的数据;但它提供了如此有趣的数据,我建议在进行技术 SEO 审核时使用它。 您可以按照以下步骤打开Chrome开发者工具。您还可以使用 Windows快捷键打开此面板。 打开控制台后,您可以在 SEO 工作中进行的重要选项列在下面的小标题中。 1. 状态码 您可以看到页面上加载的资源具有哪些服务器响应代码。这样就可以清楚地识别出是指向404还是301页面的资源。您可以在“状态”部分看到这些响应代码。此外,例如,使用下面的代码,您可以浏览页面上仅翻译200 个状态代码的 URL 。 tatus-code:200 如果您的服务器上的缓存操作设置正确,您可以在此字段中看到 304 状态代码,例如,对于从未修改加销 阿曼手机号码列表 量并强化过的资源。您还可以在“标题”部分查看 URL 的所有详细信息: 2. 特定领域的结果 您可以使用以下代码从页面加载的资源中检测特定域名的特定结果。此分析对于包含大量资源的页面类型非常有用。 当您开始直接输入 -domain分执行直接分析,而无需安装 Chrome 插件。您只需单击一下即可查看您想要的移动和桌面页面结果,并创建您的待办事项。 正如您在下面的示例中看到的,您只需单击一下即可访问结果,而不需要额外的努力: 7. 即时 HTML 检查和更改 这将是一个非常基本的命令;但在“元素”部分,您可以单击页面上的任意位置来查看它具有哪个 HTML 标签并实时编辑它: 您还可以使用下面的代码更改您想要的界面的点变更 您可以通过使用 Chrome 输入所需的坐标来访问该城市的结果。这些程序很有用,特别是在分析外国竞争对手或在多语言网站上执行 SERP 分析时。 有一些城市是在传感器下现成的。例如,您可以直接查看您使用的 Chrome 浏览器在柏林的 Google 结果: 如果您想进行特定检查,只需在以下字段中输入该区域的坐标信息即可: 如果您还没有安装,我还推荐Lokit - 营销人员本地搜索插件。 用户代理变更 只需进入“网络条件”部分即可看到类似 Googlebot 的页面或测试其在不同设备上的外观,如下所示: 我标记了Googlebot部分作为示例;但您也可以使用 Internet Explorer 等部件。您需要经常使用此区域,尤其是当您正在研究诸如Javascript SEO 中的动态渲染之类的主题时: 10.HTTP协议控制 您可以确定页面加载的资源使用哪种协议,例如HTTP/1或HTTP/2,如下所示。我可以看到 YouTube 使用 HTTP/3,如下面的示例所示: 11. 文件类型 您可以使用Chrome分析页面上加载的资源。例如,您可以通过检查下面标记部分中的“Img”字段来仅查看图像的来源,或者通过检查“CSS”字段来仅查看CSS文件。当然,以这种方式分析所有图像并不是很健康,检查您专门选择的图像元素可能会更有效: 如果文章中的“类型”或“协议”部分未出现在您的 Chrome 版本中,您可以从以下部分打开或关闭所需的字段: 12. CSS 代码审查 副标题可能不太准确;但是您可以直接访问样式部分中的 CSS 文件,通过在元素部分中选择所需的字段来检查该文件: 如果您需要进行编辑,可以直接访问相关CSS代码区域并从本节开始:
|
|