响应式设计,动态服务与独立域
在开发移动网站时,您将有三个选择:响应式设计,动态服务或子域上的单独网站。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(第一输入延迟): 第一输入延迟是用户与所请求页面上的元素的第一次交互与浏览器对该输入的反应之间的时间。页面对输入的反应速度如何,对于页面快速显示和响应至关重要。
- 优化图像并减少使用图像
- 投资优质托管
- 将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。但是,在苹果的实施稳固之前,仍有一些问题需要解决。本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/14587.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除