WordPress如何适配好移动端

WordPress评论73阅读模式

现在使用移动设备上网已经成为主流,不管我们在家还是躺在床上。但我们几乎不会去访问专门的移动站,都是直接访问Web站。所以我们需要将网站的移动版和桌面版合二为一,为移动访客优化网站。

WordPress如何适配好移动端

根据最新数据,移动设备占全球上网时间的50%以上。也就是说,如果你的网站不能在这些设备上进行优化,你的意义就被大幅削弱了。如果你的网站只是缩小了桌面版的页面,并没有进行移动端适配,不仅会影响用户的体验,而且还会影响SEO排名。WordPress移动端访客占比有一定量的时候,我们就不能只是顺带着做移动版的网站了,应该针对移动端专门做WordPress SEO

1 确保您的主题适合移动设备

在完成网站速度的优化之后,接下来要确保网站(或者更确切的说是WordPress站所使用的主题)适合移动设备浏览。要想让网站满足移动设备上的浏览体验,首先要确保链接和链接之间不能靠的太近,并且按钮可以很容易的被点击。字体的大小要尽量保持一致,并且不能太小。图像不论是文件大小还是尺寸都不能太大。

下面我们重点介绍两个移动主题优化的方向。

1.1 使用响应式设计

响应式设计意味网站的设计会自动适应访客使用的设备屏幕尺寸,开发人员可以通过使用特定的 CSS 媒体查询来处理响应式。 但你必须要针对不同的屏幕宽度对网站布局进行响应的重新设计。 现在大多数 WordPress 主题都已经是响应式的了。

根据网站面向的用户所在的国家或地区,或者说根据他们的移动网络速度(4G还是5G?),我们也可以做一些优化的工作。思考一下网站上使用的图片是否合适,是不是有一些文本增强或字体变化可能会影响到移动网站的性能?响应式设计可帮我们建立更专注的网站。 这就要提到第二个优化点了。

1.2 优先考虑对移动用户重要的内容

以用户的角度想想,用户在你的网站上到底要做什么?定义出用户在网站上会执行的四到六个主要任务并专注于这些任务。 甚至可以给最重要的任务一个巨大的CTA按钮。

举个例子:如果你有一家本地企业,用户来到网站上有两个主要任务。一是给你们打电话,二是查找去你们企业的路线。 这样我们就可以为这两个任务创建一个特殊的菜单,例如固定在屏幕顶部始终可见的菜单。 专注于访客的主要任务,让他们更容易在你的网站上完成自己的任务。

2 考虑使用 AMP插件

WordPress站点也是可以提供AMP版本的网站的。AMP是Google于2015年发起的一个项目,它可以允许你在移动端的版本上去掉一些不必要的设计来提高移动端网站的速度。

像我们使用的 WordPress,也可以提供加速移动页面 (AMP)。 AMP 是 Google 和一些主要出版商于 2015 年发起的一项举措。 它允许快速移动页面,并通过剥离一些设计来实现。目前静态内容和动态内容(如新闻文章)的网站都可以应用AMP。 AMP 对代码有非常严格的要求,因此请务必经常验证你的 AMP 页面。

作为网站主,最大的问题是要保证Web端网站与AMP版本的网站在品牌辨识度上一致,确保那些经常访问桌面端的访客在进入AMP网站后仍然清楚他所访问的页面是你的网站页面。还好,所有这些不同版本网站上的设计差异都可以最小化。

如果你想使用 WordPress 网站的 AMP 版本,一定要查看官方的 AMP 插件。 安装好插件后就会给你的网站自动增加一个AMP版本的站点。

总之,适配移动端是任何一个WordPress网站都必须面对的问题。正确的适配好策略将有助于提高网站的用户体验、SEO排名和转化率。

weinxin
小鲤鱼电声
微信公众号
评论  0  访客  0

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: