Google 推出全新网站检测服务Web.dev,协助开发者打造现代化网页

Google 推出全新网站检测服务Web.dev,协助开发者打造现代化网页

如果要说有什么技能是网站经营者必备,搜寻引擎最佳化(SEO)大概历久不衰,虽然看起来很容易,其实背后的学问很多,而且得依照时间不停的更新学习才行。每个人都会有一套自己的最佳化心法,对于不同类型的网站来说可能操作方式也不太一样,但我始终认为Google相关工具非常具有参考价值,包括大家熟悉的Google PageSpeed Insights和搜寻引擎最佳化入门指南工具书,两者在今年都有更新。

下半年Google再度推出一款和网站最佳化相关的检测工具「Web.dev」,这个工具在输入网址后能快速检测网站效能,提供一系列如何改进和调整的详细说明,协助开发人员学习并将现代化网页技术应用到自己的网站或应用程式,建构出更符合未来的网路。

Web.dev检测的四大项目分别是:效能、可用性、最佳化和SEO,会对于各项指标给出一个评分和评级颜色,在时间部分区分的非常细节,只是数字看起来好像不如实际感受,延迟也会比真实情况来得更多一些。

Web.dev 提供不同类别指标的最佳化修改建议,依照重要性有不同的等级,大部分和Google PageSpeed Insights 检测结果差不多,不过没有提供中文,必须自己去找相关资料。网站最佳化工具不嫌多,尤其又来自Google,其重要性不言可喻。

网站名称:Web.dev网站地址:https://web.dev/

使用教学

STEP 1

开启Web.dev后,直接输入要检测的网站页面网址,点选「Run Audit」就会开始抓取网页,分析各项评分因素。

Google 推出全新网站检测服务Web.dev,协助开发者打造现代化网页


STEP 2

如果点选「Sign in with Google」按钮登入Google帐户,检测后的结果画面会不太一样,从下图可以看到效能、可用性、最佳化和SEO分别有红色、橙色和绿色三种不同结果,除了绿色是完全达标没有需要修改,橙色和红色分别有建议调整的项目,特别是红色可能存在迫切问题,必须优先处理。

Google 推出全新网站检测服务Web.dev,协助开发者打造现代化网页


STEP 3

将网页向下拖曳,可以看到各项时间分析,其中绿色的代表在正常范围内,如果红色可能就是时间过长,开发者可以研究一下要如何调整降低延迟,不过就像前面所述,Web .dev检测出来的结果延迟都会偏高,不确定是不是工具本身的问题,毕竟在浏览时都相当顺畅,但能作为参考用。

Google 推出全新网站检测服务Web.dev,协助开发者打造现代化网页


STEP 4

检测结果最下方有各项待处理的建议修改项目,并显示该问题的分类、重要性和相关指南,通常是看一下Audit 显示的问题,不确定怎么改的话可以丢进Google 找找有没有其他人写过解决方案,或者点选Guide 里的链结也会连接到特定的说明文件,不过要全部修改通过检测并不容易,建议可以挑重要性较高的项目即可。

Google 推出全新网站检测服务Web.dev,协助开发者打造现代化网页


值得一试的三个理由:

Google 再推出全新网站检测工具,协助打造现代化网页可针对效能、可用性、最佳化和SEO 进行检测评比提供最佳化修改建议与相关链结

1.大家可以在评论区评论

3.每天为您分享有价值的信息

同时希望大家多多转发分享给更多的朋友哦!


分享到:


相關文章: