当您尝试改善移动SEO时,应重点关注的第一件事就是性能。性能几乎完全取决于现场速度。这很容易:您的网站越快,您的用户就会越快乐。众所周知,网站必须在几秒钟内加载,否则您的访问者会放弃并转到其他地方。如果您将其与网站规模不断扩大的事实结合起来,那么很显然您的工作已经完成。

更好地处理页面加载时间

但是,优化性能是一个连续的过程。您的网站永远不会足够快,因为您总有可以改进的地方–没关系。通过密切关注您的移动网站的运行情况,您可以立即抓住一切机会进行改进。Google喜欢快速的网站,您的客户也喜欢。

响应式设计,动态服务与独立域

在开发移动网站时,您将有三个选择:响应式设计,动态服务或子域上的单独网站。Google倾向于使用自适应设计,因为您只有一个网站可以适应其使用的设备。只有一个代码库,因此维护很容易。根据Google的说法,使用自适应设计将使您的网站有资格加入新的移动优先索引。通过meta name=“viewport”在文档的开头添加声明,始终让Google知道您的网站适合移动设备。

动态服务采用了不同的方法。它使用服务器端技术为移动用户提供不同版本的网站,具体取决于移动用户访问您网站的方式。URL保持不变,但是发送的文件完全不同。您需要添加Vary标头,以使Google抓取您的网站。这样,谷歌立即知道它将从其他地方接收针对移动设备进行优化的文件。当浏览器发出请求时,Vary标头显示如下:

Vary: User-Agent

第三个选项是使用不同URL的单独移动站点-通常为m。域–具有不同的内容。Google支持此方法,但前提是您在常规桌面域和移动域之间建立了正确的连接。使用rel=\"alternate\"rel=\"canonical\"告诉Google这些页面如何连接。有关这些不同类型的更多信息,以及Google如何在此“开发人员”页面上使用它们。或者,您可以阅读我们的rel =“ canonical”最终指南。

提高您的移动网站的网站速度

移动SEO的最重要方面之一是提高网站速度。PageSpeed Insights可以准确显示您的网站在移动设备和台式机上的加载速度。它还建议改进性能。将其与浏览器中的开发人员工具以及Search Console中的Speed Report一起使用,以查看您的网站如何呈现其内容。PageSpeed Insights着眼于两个最重要的方面:

  • FCP(第一个有意思的绘画):  第一个有意思的绘画发生在请求页面的第一个元素出现在屏幕上时。这使用户可以确认该页面实际上正在加载。
  • FID(第一输入延迟):  第一输入延迟是用户与所请求页面上的元素的第一次交互与浏览器对该输入的反应之间的时间。页面对输入的反应速度如何,对于页面快速显示和响应至关重要。

输入您的网址,“数据分析”会给您两个分数:一个是针对移动设备的,另一个是针对台式机的。这些会有所不同。如果您的分数是红色,则您有很多工作要做。橙色表示平均性能,绿色表示良好。它会为您提供有关提高网站性能的建议。遵循这些建议,您将走上正确的道路。我听到你在想:“没人得分为0/100,对吗?”好吧,再想一想。综合多种因素可能会对您的移动网站造成很大的伤害。查找不良的托管服务提供商,在糟糕的共享托管平台上安装WordPress,激活三十个插件,并将一百个未经优化的图像上传到您的博客,您的得分将很低。但是这些事情很容易解决。运行PageSpeed Insights和其他速度分析工具,并遵循其建议。您可以采取什么措施来提高网站速度?

  • 优化图像并减少使用图像
  • 投资优质托管
  • 将PHP版本更新为PHP7
  • 检查您的重定向
  • 修复渲染阻止内容折叠的问题
  • 优先显示内容
  • 优化和最小化CSS,HTML和JavaScript
  • 缓存您的资产
  • 使用CDN
  • 过渡到HTTP / 2
  • 升级到HTTPS
  • 加载更少的资产(如JavaScript库)
  • 加载更少的广告服务器
  • 缩短服务器响应时间

在提高页面速度时,应始终问自己是否需要所有这些资产,库,图像,插件,主题功能等。著名的谚语“少即是多”仍然像以往一样有价值。

考虑实施AMP

由Google领导的开源项目AMP或“加速的移动网页”的目标是:尽快加载您的网页。它已经开发了一段时间,并且取得了长足的进步。但是,它是一项有争议的技术,但是由于Google一直在大力推动这一技术,因此没有它将变得越来越困难。最初,AMP用于静态帖子,例如博客或新闻文章,不需要用户进行交互。出于电子商务目的和其他动态类型的页面,AMP缺货了-直到一年左右。如今,AMP能够为规范的站点提供支持,并且还有更多功能。研究AMP可以为您的网站做什么以及如何实现它。并非每个站点都需要它,但是这样做的站点可以从中获得很多收益。

渐进式Web应用程序(PWA)

PWA提供了另一种针对移动用户的方法。一个渐进的web应用程序是一个全功能于一身的解决方案,在所有设备上工作,为所有用户。这是应用程序世界和网络世界之间的完美过渡。该Web应用程序的工作方式类似于应用程序,而无需在应用程序商店中发布。PWA将移动站点的加载速度与本机应用程序的最佳功能结合在一起。如果正确完成,良好的PWA可能会使用户误以为他们正在使用本机应用程序。如果您想了解如何创建可索引的PWA,则Google有一篇必读的博客文章。由于采用了服务工作者之类的技术,浏览器可以在后台执行更多操作,同时可以实时更新前端。如果您需要一个应用程序,但这是一个不错的选择,但不能证明其成本合理。在未来几年中,渐进式Web应用将会发生很多事情。现在,每个主流浏览器(移动和桌面浏览器)都支持服务人员,甚至包括MacOS和iOS上的Apple Safari。但是,在苹果的实施稳固之前,仍有一些问题需要解决。

发表回复

后才能评论