开发笔记📐 发现👽 人物👮 趣闻💦
Google又出神器Web.dev 检测网站打造现代化网页

Google又出神器Web.dev 检测网站打造现代化网页
2018-12-04 11:08:31   点击:

如果要说有什么技能是网站经营者必备,搜寻引擎最佳化(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」就会开始抓取网页,分析各项评分因素。

 

STEP 2

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

 

STEP 3

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

 

STEP 4

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

 

值得一试的三个理由:

Google 再推出全新网站检测工具,协助打造现代化网页

可针对效能、可用性、最佳化和 SEO 进行检测评比

提供最佳化修改建议与相关链结

google SEO 网页 检测 web

上一篇:贪婪洞窟2(TheGreedyCave):二代增加组队功能 Roguelike手游
下一篇:wordpress提供免费.blog网域供博客使用 4$包月即可自选网址