使用开发人员工具,您不仅可以检查 <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)。此信息将出现在窗口底部。您还可以查看使用的每个资源的下载时间和大小,并通过单击面板左侧的红色按钮记录此信息。