性能很重要……即使对于 Google 来说也是如此!

您是否知道网站的技术性能对定位有重大影响?

正如我们在其他文章中已经提到的,Google 的目的是向用户展示 每次搜索的最佳结果。除了与 域名权限 和内容质量相关的问题之外,每个网站的基本要素之一是 其页面的加载速度 。

事实上,用户希望快速导航,以便在尽可能短的时间内获得其 查询的答案 (无论是什么)。缓慢的加载时间通常会导致用户放弃该页面而转而选择更快的网站,这几乎必然会导致较低的转化率。

这就是为什么,如果你想优化你的网站,你需要关注一些 与技术性能相关的重要技术 SEO 方面。

除了页面加载速度之外,您还需要考虑其他因素,例如:

  • Google 感知的用户体验 ,即用户使用和导航页面的难易程度;
  • 响应性,即网站是否适合移动设备(当用户从​​移动设备访问页面时,如果页面不适合移动设备,“跳出”的可能性会更大)。

因此,在技术 SEO 的背景下,除了涉及搜索引擎网站可读性的问题(我们 在这篇关于可爬行性的文章中深入探讨过这些问题)之外,还必须考虑影响直接交互的用户体验问题。在用户和页面之间考虑。

幸运的是,Google 提供了两种工具可以用来衡量网站的性能:  PageSpeed Insights 和 移动设备兼容性测试,这是进行高质量 SEO 分析的基本工具。

您准备好了解它们的用途以及如何使用它们了吗?让我们开始吧!

谷歌PageSpeed洞察

PageSpeed Insights 提供了网站技术性能的非常详细的概述 。

通过在相应字段中输入 URL 地址,您将得到类似于以下内容的结果:

如前所述,如果 Google 认为移动设备和桌面设备上的用户体验很慢,您的网站就有可能在搜索结果中失宠,从而不会带来任何转化。

事实上,高 跳出率(即访问某个页面后立即离开您网站的用户的百分比)被 Google 视为一种负面信号。

因此,PageSpeed Insights 检测到的大多数问题可以总结为以下几点:

  • 未压缩的 HTML、CSS 和/或 JavaScript 代码
  • 浏览器缓存未设置
  • 阻止内容出现在首屏的 JavaScript 或 CSS 资源
  • 大图像
  • Gzip 压缩未激活

如何修复 PageSpeed Insights 检测到的问题

CMS 平台上的网站

使用最知名的 CMS(例如 WordPress 或 Joomla)创建的网站并不总是允许您干预代码来纠正 Google 检测到的问题。

另一方面,有许多 现成的插件 可以让您部分解决这些问题。只需在 Google 上搜索检测到的问题,并附上“wordpress 插件”等键即可(典型的搜索可能是:“压缩 css 和 js wordpress 插件”)。

查看可用的插件,然后选择一个与您的 CMS 版本兼容且受到用户高度评价的插件。此时,在您的平台上安装插件并选择您认为最合适的设置;如果您做得很好,您会立即注意到  网站性能的提高。

注意:在添加新插件之前,最好在本地进行测试,以避免在您的网站上造成故障。

不过,一般来说,尽量不要在您的网站上安装数十个多余的插件。事实上,这些可能会导致加载时间显着增加并对网站的性能产生负面影响。

在这方面,许多电子商务网站,如 eBay 和亚马逊 以色列日期目标电话号码或电话营销数据 为客户提供在线设施,使他们可以从网络上提供的大量产品中挑选购买商品。这种策略在持续使用时最有效。它可以成功地向最赚钱和最有潜力的客户提供有时很大的折扣和赠品。因此,与客户建立了牢固的联系,从而提高了品牌忠诚度,并最终提高了品牌价值 (Yau, 2021)。

在专有平台上开发的网站

否则,从头开始开发的网站(例如纯 php)或在框架上开发的网站需要手动工作,旨在最大限度地减少平台上存在的问题。然而,有各种在线工具能够优化这项工作的时间。

以下是有关如何 提高在专有平台上开发的网站性能的一些建议 。

1. 您可以使用 CSS Minifier 等工具缩小 CSS 和 JavaScript,从而节省数千字节的数据。通过这种方式,该网站将能够为用户提供已经压缩的 CSS 和 JavaScript 资源。

还可以通过在流数据之前在index.php 中添 此外,学校和社区中心也会定期组织讲座和培训 加特定脚本来压缩HTML。无法异步加载的资源可以使用 Shrinker 等在线工具在单个 JavaScript 或 CSS 中连接和压缩。

2、设置浏览器缓存,使用户的浏览器可以在本地保存一些站点资源。

那些在 Apache 服务器上拥有网站的人可以从 .htaccess 文件的这些设置中获得灵感:https://varvy.com/pagespeed/leverage-browser-caching.html。

但是,如果服务器是 Nginx,您可以按照以下链接中的指南进行操作:https://www.howtoforge.com/make-browsers-cache-static-files-on-nginx。

3. 为那些阻止页面快速显示的 JavaScript 资源添加 async 属性。

将页面的预渲染限制为严格必要的脚本可以加快加载时间,从而 提高搜索引擎对网站的评级 。但是,在投入生产之前要小心地进行必要的检查:检查哪些 JavaScript 可以异步加载以及哪些 JavaScript 需要在渲染页面之前加载。

4. 请记住 始终压缩图像

大文件会对加载时间产生重大影响,因此上传已压缩的图像非常重要。理想情况下,高分辨率文件不应超过 100Kb。

移动兼容性测试

自 2015 年 4 月以来,谷歌一直青睐适合移动设备 swb 目录 的网站。智能手机和平板电脑使用的快速增长迫使开发人员创建也可以在 移动设备上使用的网站。这是因为网页必须能够 在比普通显示器更小的显示器上调整其内容布局 ,而不影响导航的简单性或用户体验。

通过在工具中输入 URL 来检查您的是否也符合最现代的标准,然后等待几秒钟以获得分析结果。如果您的网站具有响应能力,那么您不必担心。否则,Google 工具将通知您任何需要解决的问题,如下例所示:

如果您发现自己处于类似情况,请立即要求您的开发人员开发 适合移动设备的网站版本,因为您可能已经失去了潜在客户。

创建适合移动设备的网站的 2 种方法

大多数 CMS 平台现在只提供可以自动适应任何设备的主题。然而,从头开始开发网站的专业人士通常会  按照以下方法之一构建适合移动设备的网站:

1. 动态服务:允许您根据  浏览器用户代理为单个 URL 分配不同的 HTML 和 CSS。这是服务器端的更改,因此 – 根据识别的设备 – 服务器将显示为智能手机设计的网站或为 destop、平板电脑等设计的网站。

*Pro:为用户提供专门为所使用的设备设计的网站。

*缺点:开发更复杂且成本更低(需要为每个设备编写不同的 HTML 和 CSS)。

2. 响应式设计:使用这种方法,无论使用何种设备进行浏览,浏览器只为每个 URL 提供一个代码。由于样式表的存在,可以根据用户的需求修改布局,因此页面的内容可以流畅地适应。

*优点:更容易构建和维护。

*缺点:不提供完整的以移动设备为中心的用户体验。

注意:PageSpeed Insights 还有一个部分指定网站是否响应。

那么这两个工具有什么区别呢?

兼容性测试由 Googlebot 执行,该机器人遵循 robots.txt 文件的命令,而 PageSpeed Insights 则模拟真实用户的体验。这意味着,如果您要分析的页面包含被 robots 文件阻止的资源,兼容性测试可能无法确定它是否真正适合移动设备。

使用 Google 提供的这些宝贵工具:立即了解如何改进您网站的技术方面,并写信给我们,提出有关该主题的任何注意事项和建议!

滚动至顶部