使用开发人员工具,您不仅可以检查 <head> 块中的标记配置,还可以检查 HTTP 标头中的标记配置。为此,转到面板的“网络”选项卡,选择所需的页面或资源并检查标题内容,包括图像文件中是否存在链接 rel=canonical:

5.在Header Configuration中查看HTTP Status

在网络选项卡中检查页眉和资源的配置时

您还可以查看 HTTP 状态、检查重定向、找出它们的类型、查找错误状态并启用其他配置(X-Robots-Tag、hreflang 或 vary:用户代理)。

6.验证移动优化

如今,针对移动设备的网站优化已成为搜索引擎优化不可或缺的一部分。您可以使用 DevTools- Device Mode中的移动设备模拟模式检查页面和内容的移动配置。要转到它,您需要单击面板右上角的设备图标或使用键盘快捷键:Command + Shift + M (Mac) 或 Ctrl + Shift + M (Windows, Linux)打开。

在设备模式下,您可以选择自适 英国手机数据库 应视口或特定设备来检查页面。如果所需设备不在列表中,可以使用“编辑”选项添加。

7. 检查页面加载时间

通过模拟网络条件和您使用的设备来分析页面加载时间。为此,请转到位于面板右上角的 DevTools 自定义菜单,选择“更多工具”,然后选择“网络条件”。

在打开的面板中您会找到“缓存

电话号码列表

网络节流”和“用户代理”字段。

完成所需设置后,重新加载页面并 cz 列表 转到“网络”选项卡。在这里,您不仅会看到总页面加载时间,还会看到原始标记的加载时间 (DOMContentLoaded)。此信息将出现在窗口底部。您还可以查看使用的每个资源的下载时间和大小,并通过单击面板左侧的红色按钮记录此信息。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注