网络世界的每一天都会带来新的东西。
与此同时,移动设备技术和谷歌定义的网络标准的发展是爆炸性的。
同时,随着5G的到来,数据消耗非常快,但对于保存用户的宝贵数据又有多少重视呢?
如今网站对环境的影响是什么?
谷歌和移动优先指数更喜欢提供令人惊叹的浏览体验的网站,这并不是什么新鲜事,多年来一直如此。
但我们对它有多重视呢?
开发人员和他们在网络性能方面所做的工作对网站在搜索引擎中的成功程度拥有最终决定权 – 但他们是否总是关注搜索部分?
优秀的开发人员(具有 SEO 知识)可以在网站的美观和性能之间取得平衡。但他们总是有目标和适当的指标吗?
在本文中,我们将了解如何改善网站/电子商务所有者和开发人员/技术 SEO 专家之间的沟通。
我们实现这一目标的工具是 Chrome 的开发人员工具,它拥有开发人员更快解决问题所需的所有有用数据。
我们将看到如何使用 Canary 浏览器来开始详细的 SEO 技术审核。
此外,我们还将向所有 SEO 人员分享新功能和更新!
Chrome如何发布新功能
Canary 是 Google Chrome 的早期版本。
谷歌分四个阶段发布新功能,称之为“发布渠道”。
这些渠道是 Canary、Dev、Beta 和 Stable。 Chrome Canary、Beta 和 Dev 可以一起安装在 Android、Mac、Windows 和 Linux 上。
Chrome 工程师在真实用户身上测试新功能,看看他们 99 英亩数据库 是否会遇到问题,然后再将功能发布到下一个渠道。
Canary 是最先接收更新的频道,每晚凌晨 2 点发布。您可以获得最新的功能、浏览器实验和网络平台 API。
这些更新还包括错误修复、浏览器改进、代码清理、安全性和保障。
功能在发布给 32 亿用户之前会在六周的发布周期中进行测试。
用户可以在其网站、网络应用程序、内容管理系统 (CMS)、主题和插件上测试即将推出的功能。因此,他们可以报告错误并对新功能提供反馈。
然而,并非所有功能都能通过第一个金丝雀测试。这款实验性浏览器供浏览器爱好者、开发人员、企业用户和技术 SEO 专业人员使用。
使用开发者工具进行 SEO 调试
Chrome DevTools 是一个用于在浏览器中进行网站测试的工具包。开发人员使用测量页面速度的工具来测试、创建和维护网站。
浏览器工具检查不同条件下的网站性能。他们的目标是让您清楚地了解如何修复或优化页面性能。
对于开发人员来说,这些工具几乎与浏览器本身一样重要。
您不必等待 Screaming Frog 的抓取完成,您可以识别技术 SEO 问题并立即在 Canary 中进行管理。
如何设置 Chrome Canary 进行 SEO
网站必须在不同位置、设备和网络上都能良好运行。 DevTools 允许您在不同的地方以较低的速度模拟浏览。
您应该在 Chrome 设置中将 Canary 设置为以 Googlebot 用户代理身份进行浏览。
看看 Google 在加载网站时看到的内容。
这是避免浏览器扩展干扰测试结果的一种方法。
您可以下载 Canary 作为独立浏览器,用于技术 SEO 检查和调试。
技术 SEO 故障排除
Chrome DevTools 允许您将内容“雕刻”到网站的核心代码中。
它可以在几秒钟内测试并生成性能报告 – 但一开始可能会令人困惑(甚至可能令人烦恼)。
SEO 技术人员检查网络的方式与汽车修理师检查车辆问题的方式相同。
我们使用浏览器工具连接和扫描网站,并分析它们的加载和响应方式。
使用 Canary,您可以捕获和测量关键时刻,例如页面加载、导航和用户交互。您还可以获得状态代码、Core Web Vitals 报告 (CWV)、瀑布/时间线图表等。
有时,Canary 中的故障排除仅显示症状而 苹果 iPhone 16 Plus 评测 不是问题。功能更强大的工具可提供高级分析,但故障排除过程保持不变。
技术 SEO 审核
Google 希望网站能够快速加载,但如果 Googlebot 不理 EW 线索 解主要内容,页面的排名就不会很好。
DevTools 可以测量并帮助调试网站交付和性能。
您可以通过 DevTools 使用 Canary 审核和调试 Javascript、CSS 和 CWV 问题,以立即检查您网站的页面和模板。
它还有助于了解网站如何引导访问者和 Google 抓取工具。您可以检查内部链接、重复内容、损坏的链接、丢失的图像和 404 页面。
您可以检查页面上的元数据,看看所有内容是否都存在以及是否经过优化。查找结构化数据中的问题,并调查由于 JavaScript 渲染错误而未被 Google 索引的内容。
通过 Throttle 网络设置,您可以检查不同网络条件下的延迟,并分析网站运行时性能以识别任何瓶颈。
检查站点资源的加载和呈现方式。并非所有资源都是相同的 – 重点关注那些影响用户体验的资源。