如果您正在寻找适合移动设备的 WordPress 网站,那么这份详细指南就是专门为您准备的。

您是否知道十分之九的移动搜索会带来行动,其中一半以上会带来销售?

移动互联网的使用量正以前所未有的速度增长。 它正在超越桌面互联网的使用,越来越多的人现在使用智能手机和平板电脑在线浏览信息。

这是大多数电子商务网站现在创建移动应用程序以增加销售额和用户互动的主要原因。 如果您的网站或博客尚不适合移动设备,您应该立即考虑使您的设计变得响应式,否则您将失去大量潜在客户、流量和销售额。

为什么不采用适合移动设备的设计来给您的竞争对手带来优势呢? 让您的网站适合移动设备,您很快就会注意到丰厚的成果。

为什么要让 WordPress 网站适合移动设备 ?

如果您的网站适合移动设备,则会发生以下情况:

  • 您会看到流量增加
  • 您可以通过响应式电子邮件选择加入表单和登陆页面来增加订阅者
  • 你会获得更多的销售额(移动互联网用户大多依赖搜索引擎浏览信息,因此他们是准备购买的优质客户)

你还在等什么? 让您的博客易于使用并开始吸引更多人。 让我们深入了解细节以了解更多信息。

内容 :

打造适合移动设备的 WordPress 网站终极指南

如何让您的 WordPress 网站适合移动设备

什么是适合移动设备的网站?

随着全世界数十亿人使用手机浏览信息,使用移动网站正在成为一种趋势。

甚至谷歌也会奖励针对移动用户优化的网站,因为它们为用户提供了更快、更好的体验。

适合移动设备的网站将自动检测每个访问者访问您的网站所使用的环境,然后以最适合该设备(例如智能手机、平板电脑等)的格式显示它。

响应式移动网站与非响应式移动网站的外观如下:

如何使 WordPress 网站适合移动设备

正如您在上面所看到的,移动响应式网站会在移动设备上正确加载其所有元素,例如徽标、文本、按钮、导航、菜单等,而非响应式设计在移动设备上看起来很混乱。

根据 Statista 的数据,来自移动设备的网络流量百分比持续增长。 过去10年,全球移动互联网用户数量增长了4%以上。

不仅如此,移动互联网用户渗透率指数现已达到61,2%,即通过移动设备访问互联网的人数略高于2亿。 这是一个有趣的统计数据,不是吗?

这就是为什么您应该专注于使您的网站在尚未响应时可用。

话虽这么说,响应式网站和移动友好网站之间是有区别的。 这是什么?

响应式网站适用于所有台式机、平板电脑和智能手机,内容相同,因为它会自动调整布局,而移动友好型网站实际上是专为智能手机设计的桌面网站的单独版本。

简而言之,拥有移动响应式设计可以提高您的排名、用户体验、销售和整体在线转化率。

您如何知道您的网站是否适合移动设备?

您想知道您的网站是否适合移动设备?

要检查网站的移动响应能力,您可以使用 Google 的免费工具,称为 适合移动设备的测试工具 它向您展示了访问者在移动设备上使用您的页面的轻松程度。

它运行良好,并且完全免费使用,您只需输入页面 URL 或您网站的主页 URL 即可查看它在其工具上的得分。

这是它的样子:

如何使 WordPress 网站适合移动设备

正如您在上面看到的,我们输入了一个 URL,这表明该页面适合移动设备(这意味着该页面很容易在移动设备上使用)。

它还向您展示了其他资源,您可以在其中获取站点范围的移动可用性报告,以全面分析您的站点的响应能力。

一般来说,移动响应测试是为了确保所有网站用户在他们的设备上获得最佳的观看体验,可以是笔记本电脑、台式机、平板电脑等。

除了Google友好的测试工具之外,您还可以使用以下完全免费的在线工具来测试您网站的响应能力。

所有上述工具对于了解您的网站是否适合移动设备都很有用,您只需从自己的浏览器中输入任何页面的 URL,只需单击一下即可检查任何网站的响应能力。

现在我们来谈谈一些行之有效的方法来构建 WordPress 网站的移动响应版本。

使用移动响应式 WordPress 主题:3 个主要主题

创建适合移动设备的网站的最简单方法之一是为您的 WordPress 网站使用适合移动设备的主题。 虽然有很多选项,但这里列出了前 3 个主题,您可以使用它们以实惠的价格获得具有强大功能的响应式设计。

1。 迪维

迪维是其中之一 WordPress主题 全球超过 800 人使用的最受欢迎的优质产品。 它为您提供了大量适合移动设备的主题 Divi,这是一个高级主题和视觉页面构建器。

Divi 专门为用户提供更好的桌面体验,包括移动响应体验。

它可以让您按照自己想要的方式自定义网站,因为您可以专门针对不同的手机调整字体大小和间距。 您还可以为移动设备和平板电脑分配独特的文本大小和间距值,而不会影响桌面体验。

这是它的样子:

如何使 WordPress 网站适合移动设备

正如您在上面看到的,它允许您在“移动样式”面板的 3 个部分中自定义设计,即平板电脑、手机和移动菜单。 您可以访问它们中的每一个并自定义所有内容,包括文本颜色、徽标等。 容易地。

迪威 的价格是多少?

使用 Elegant Themes 的好处是价格实惠,您只需支付 80 美元即可获取所有高级主题,这意味着每个主题只需支付 0,79 美元。

优雅的主题有下面提到的 2 个定价计划。

1. 年度访问: 这是最便宜的选项,一年费用为 80 美元(享受我们的独家折扣),您将可以使用 1 个插件和 Divi 主题生成器访问 80 多个主题。

2. 终身访问: 如果您想终身使用时尚主题,那么此套餐非常适合您,终身费用为 224 美元,您可以获得终身更新、主题和插件下载以及终身支持。

好消息给你。 如果您想购买具有时尚主题的 Divi 构建器,您可以使用我们的独家链接立即获得 10% 的价格折扣。

点击这里下载迪维

如果您对主题或功能不满意,还可以在购买后 30 天内申请全额退款。 所以你不会失去任何东西。

2。 Genesis框架

正在寻找一个不仅具有移动响应能力而且速度更快且 SEO 友好的高级主题框架? 那么您应该尝试 Genesis 框架,因为它为您提供终身访问和无限制地使用该网站。

Genesis 框架的成本是多少 ?

Genesis 提供下面列出的两种定价计划。

1. 创世框架: 这只是一个简单的框架,它是您所需要的,只需花费 59,95 美元,这是一次性费用,您将获得该网站的无限制使用以及终身访问(包括终身更新)。

2. 专业会员资格: 该软件包允许您下载他们的整个主题集合,价格为 499,95 美元,并且是一次性费用,无限制的网站使用和终身访问,对于网页设计师和开发人员来说是一个很棒的软件包。

单击此处下载 WordPress 版 Genesis

3。 GeneratePress

如果您正在寻找 WordPress主题 优质实惠且速度更快, GeneratePress 只为你。

Combiençacoûte?

GeneratePress 一年仅需 49,95 美元。 如果您是现有客户,明年您还将获得 1% 的折扣。

快速说明: 它还为您提供了一个免费版本,您可以从他们的网站下载该版本,但它为您提供基本和有限的功能。

单击此处下载GeneratePress 高级版

使用适用于移动设备的 WordPress 插件:使您的网站具有响应能力的 4 个最佳插件

使用 WordPress CMS 的一大好处是,它为您提供了大量的移动插件,可帮助您轻松地将网站转变为适合移动设备的网站。 以下是使您的网站具有移动响应能力的前 4 个插件的列表(其中很少有高级插件,但值得每一分钱)。

WPtouch

WPtouch 是 WordPress 网站最常用的移动插件之一。 它被全球超过 500 个网站安装和使用,并且还出现在 Google 最佳 WordPress 移动解决方案的候选名单中。

该插件将立即激活您网站的移动版本,该版本将通过 Google 移动测试。 它还可以帮助您轻松自定义网站的外观,并为移动访问者提供更快的浏览体验,而无需修改主题代码。

它还提供了该插件的高级版本,称为 WPtouch Pro(79 个站点使用费用为 1 美元),它为移动访问者使用其主题,并且您的桌面主题不会改变,因此您的博客内容保持不变。

此外,通过其专业版选项,您还可以控制菜单、页面、设备,甚至为博客指定不同的主页和登陆页面。

WP 移动菜单

WP 移动菜单是其中之一 最好的WordPress插件 它为您提供了响应式移动菜单,您可以根据需要轻松自定义移动菜单的样式。

它为您的移动访问者提供了访问您的网站内容的卓越体验,无论他们在浏览时使用什么设备,包括智能手机、平板电脑或台式机。

iThemes 移动插件

这不是一个免费插件,因为它是来自 iThemes 的高级移动插件,非常受欢迎并被世界各地的许多人使用。

它为您提供了大量的选项以及内置的样式管理器,使您的网站能够在所有设备上做出响应。 它还为您提供适合移动设备的主题,以针对移动用户优化您的网站。

提供不同的定价选项,基本计划起价仅为 45 美元,并允许您访问 2 个许可证,这对于博主和单一站点所有者来说是理想的选择。

使用移动样式管理器,您可以轻松更改移动主题的基本样式和配色方案,并且可以使用您正在使用的任何主题进行自定义,并且不会影响您的设计。

TAPTAP

这是 CodeCanyon(Envato Market)的另一个广泛使用的高级移动插件,为您提供最灵活和多功能的 WordPress 移动菜单。

TapTap 是可定制的,是目前网络上令人惊叹且易于使用的 WordPress 移动菜单之一。 无论是电子商务商店还是作品集网站,您都可以自定义所有内容,从字体、字体大小、图标、颜色、按钮和徽标到背景、对齐方式等。

这是来自 CodeCanyon 的高级插件,该插件的标准单一许可证售价为 26 美元,您可以获得一年的更新和客户支持。

使用此移动菜单插件的最大好处是您可以轻松实时预览在网站上所做的所有更改(并且它可以帮助您快速自定义移动菜单)。

使用加速移动页面 (AMP)

网站速度是谷歌的主要排名因素之一。

为了减少加载时间,Google 为移动用户提供了一种称为加速移动页面 (AMP) 的新方法。

以下是纽约时报的 AMP 搜索结果示例:

如何使 WordPress 网站适合移动设备

正如您在上面所看到的,AMP 页面加载速度很快,并为用户从移动设备浏览在线信息提供了非常快速的体验。

AMP页面的最大优点是加载速度非常快。 例如,当有人在 Google 上搜索某些内容时,AMP 链接会出现在顶部,单击结果后,它几乎会立即加载。

考虑为您的网站实施 AMP 的另一个原因是它为您提供了额外的标题字符限制。

无论您是否知道,Google 对智能手机的标题有 78 个字符的限制。 对于台式机来说,是 70。

这意味着,如果您在标题中使用超过 70 个字符(对于桌面设备)和 78 个字符(对于移动设备),多余的字符将被截断,因此不会显示。

因此,您可以向移动标题添加更多字符,以获得移动用户更准确的搜索匹配,从而增加智能手机的整体搜索流量。

现在问题来了:如何为WordPress网站实施AMP?

幸运的是,有几个 WordPress插件 帮助您轻松为您的 WordPress 网站启用和实施 AMP 版本。

以下是一些令人惊叹的 AMP 插件的列表,您可以使用它们为移动用户实施 AMP 版本。

让您的 WordPress 网站适合移动设备时要避免的错误

使用未经优化的图像: 大多数人抓取 Google 图片并直接在他们的博客文章中使用图片,甚至不用担心优化。 如果您也是其中之一,请停止这样做,因为您网站的加载时间很大程度上受到您使用的图像的影响。

使用 WP Smush.it 等插件来优化您的图像,甚至在您的帖子中使用图像之前,使用免费的图像优化工具更好地优化它们。

java 脚本走得太远了: 您是否知道大多数初学者都在使用 CSS 文件和 Java 脚本,但并不真正知道如何使用代码? 如果您是其中之一,请不要在不知不觉中乱搞 Java 或 CSS 代码,否则您很可能最终会毁掉网站的加载时间。

不测试您的网站: 测试您的网站是否可以在不同的移动设备和平板电脑上正确打开。 您可以使用 MobileTest.me、QuirkTools 等。 以不同的屏幕分辨率显示您的网站。

其他资源:

结论

实际上有数十亿人使用智能手机进行各种活动,从汽车评论到折扣再到在线购物。 无论您使用的是 WordPress 网站还是电子商务商店,响应式设计都可以改善您的整体结果。

那么您对移动优化 WordPress 网站有何看法? 你有任何问题吗 ? 在评论中分享你的意见。