你的手机网站优化策略是什么?

你分类方法作为吗策略…或者只是一系列的战术?

除非你是一个经验丰富的web开发人员,了解你网站的不同页面和元素影响移动体验可能是一个挑战。

因此,我们调查数字营销人员的beplay体育appiosDatabox合作伙伴计划关于最重要的手机网站优化策略并结合他们的反应到一个大的库的基地。

你可能还记得”马斯洛的需求层次理论“从高中心理学课程,涵盖基本的人类的欲望。嗯,认为这个指南是“移动优化器的需求层次理论”。

金字塔的底部是最基本的因素,影响游客体验的移动。

当你旅行了金字塔,你远离基本网站性能考虑,更专注于市场营销的主题。

你应该覆盖所有5类如果你想留住游客除了快速滚动。但是,类别2 - 5不会问题如果你不能成功的类别1。

这里有一个指南金字塔的每一步。每一个有几个推荐工具,将帮助你成功,会让你衡量成功的kpi。

---

步骤完成手机网站优化

1. 加载时间
2. 本地移动体验
3. 图像优化
4. 页面设计
5. 用户体验

---

加载时间

我猜,你的一个主要的流量来源是有机搜索,也就是谷歌。这意味着游客寻找一个回答他们的问题,和你的网站突然出现。但是,这些游客不会有耐心当他们甚至不确定如果你的网站将会有帮助。如果负载需要太长时间,他们可以返回到搜索引擎结果页面(搜索引擎),并尝试另一个链接。

所以,考虑任何特定的策略之前,你需要快速了解你的网站实际上是加载首先,和哪些资产是放缓下来。如果你有服务器问题或缓慢的加载时间,你应该寻找解决方案之前看的用户体验。这次调查将引导步骤2 - 3。

一个提示:谷歌完成了很出色的工作,使我们的生活更加轻松通过提供工具,帮助站长做网站负载快速移动设备上。从你开始谷歌搜索控制台并确保每个页面加载正确的移动用户。

你可以通过“爬行”选项卡,你将看到“获取谷歌。“确保移动机器人被选中并点击“获取和渲染”。

状态更新后,你就可以看看移动机器人发现了任何问题索引页面。这样做对你最重要的页面,如服务页面,高价值产品页面和博客。

谷歌还提供了一个手机,你可以检查的可用性报告将“搜索流量”,点击“移动可用性。“在这里你可以找到并修复问题处理间隔,小字体或其他问题影响用户体验。

最后,利用页面速度见解工具不惜一切代价和加速你的网站。确保你不是创建速度问题,上传图片比他们需要出现在网站上。确保你只使用你需要的插件,开始消除动态内容从第三方来源。

Ibro Palic
斯波坎SEO服务

---

使用谷歌网页速度的见解做一个网站绩效审计

---

一个提示:一旦尝试索引在谷歌推出,我们中的许多人看到流量的下降。当这发生,影响了我们认为每个人应该做的事情:

1)我们使用谷歌的移动测试工具检查我们的更高执行页面上是否有错误,可能是伤害这些页面的排名。

2)我们使用webpagetest.org手机测试。这使我们能够看到这些更高的页面加载速度执行页面和一切的瀑布聊天要加载这些页面我们能够确定我们可以改善尝试加载时间。这是一个关键因素在Google的排名算法。

克里斯汀·奥斯丁
影响

一个提示:您可以使用一个工具GTMetrix看看你的网站速度性能改进和发现一些漂亮的见解。通常,使用浏览器缓存和优化图像修复2最简单的事情,可以刮胡子秒加载时间。记住,移动用户可能不是在WiFi访问你的网站。如果你的网站加载在3秒WiFi可能好几次加载时间在3 g, 4 g LTE连接不完整的服务。

布莱克Denman
RicketyRoo公司

一个提示:确保你的网站是快!不仅你的网站速度影响你的转化率,但谷歌将惩罚你的网站如果是太慢了。优化你的速度通常归结为两件事:你的托管和你的网站代码的设计。

你可以检查你的网站的访问谷歌PageSpeed测试仪。一个网站需要优化的桌面和移动。确保他们都是尽可能充分优化。

里克·拉莫斯
HealthJoy.com

一个提示:首先,你要确保在移动搜索结果排名至少高如桌面。为了方便,下载你的服务器日志文件和比较谷歌爬行你的网站如何与移动用户代理与桌面用户代理。寻找undercrawled模式页面类型/模板。同时,比较爬行频率和用户代理的爬行深度。然后,试图找到一种方法来改善移动爬行行为增加移动搜索排名。

凯文激起了
Atlassian

一个提示:我们专注于为移动设备优化客户的网站时速度。在我们的世界里,这是显而易见的,但页面速度时令人震惊的忽视设计网站,特别是在移动设备上。我们注意到谷歌Pagespeed见解和与我们的开发人员能够看到我们可以利用图像优化,缩小浏览器缓存,代码。如果我们的开发团队能够访问自己的服务器,这是更好,因为我们可以向我们的客户提供更快的服务器响应时间比你会使用一个共享服务器通过一个受欢迎的托管公司。

路加福音塞汶河
考芙DMC

一个提示:首先,你需要确保你的网站加载尽可能快。缓慢的站点意味着更高的跳出率和较低的停留时间,两信号Google站点提供了一个糟糕的用户体验。

接下来,您需要确保您的网站优化的移动浏览和交互。合适的字体大小,图像大小,轻松点击按钮/开发目标,等等。

如果你钉这些2件,你会走得更远比大多数mobile-friendliness部门。

山姆mc - rorberts
VUDU营销

一个提示:最好的提示优化网页中领跑世界的是测试一切。只要你发布一个页面,把它在你的移动设备。你想要测试最受欢迎的浏览器和操作系统。您可以使用一个工具BrowserStack看看你的内容加载这些东西。我想要点是你不应该假设内容(和你的网页设计)将看起来不错,除非你自己看看它!

曼迪奥斯曼
的Blogsmith

---

看看BrowserStack通过浏览器来分析性能

---

建议KPI

一般的KPI你会想看看“页面加载时间”从谷歌分析。但是,正如上面所述的贡献者,这可能移动浏览器和设备之间的差别很大。所以,你仍然会想看看通过浏览器和设备性能。

你可以跟踪我们所有页面的性能统计数据免费网站性能指示板。

本地移动体验

“本地”的经历是为了一个特定类型的设备。网站时,有两种方法可以创建一个本地的经验在一个移动用户的浏览器:

1. 响应设计:这是一个设计,转变其布局根据屏幕大小
2. 自适应设计:这是一个设计,根据屏幕大小完全改变

假设你把前一节有点太严肃,并开始删除样式和图片,直到你有一个贫乏的移动网站。你的访客不会欣赏!相反,您必须选择一个您想要使用的特定的设计风格。之后,你可以开始挖掘优化的机会。

这仍然必须在第一步,因为你还需要知道您的服务器上的其他因素是否减缓页面加载时间。一旦你创建一个响应或自适应设计,你可以寻找更优化的机会。

还有另一个技术,您可能希望查看- AMP,或加速移动页面。这是受欢迎的在公司博客上,可以自动启用工具比如HubSpot的或者WordPress。它允许更快地加载页面的文字。

自适应设计

一个提示:通过引入响应网站,几家企业停止定制他们的移动体验。虽然这种方法适用于一些网站,我们发现裁剪页面移动设备增加我们的整体可用性,使转化率高于平均水平。

在帕默,我们完成了我们的客户通过使用自适应网页设计或使用像HubSpot的平台,它允许我们调整我们的内容和用户体验的设备使用。

编者按:你知道所有Databox吗beplay体育appios仪表板应用程序商店也可以通过智能手机访问吗?Databox Abeplay体育appiosndroid和iOS移动应用程序,你可以查看您的仪表板从任何移动设备、最喜欢的最重要的指标,便于访问和跟踪你的进展目标。

亚当•j•威金斯
帕默广告公司

响应设计

一个提示:这已经不是什么秘密,技术的进步现在决定我们如何使用互联网。许多人使用智能手机访问他们的电子邮件、博客和社交媒体账户。因此,重要的是,你的网站使用响应的一个主题。

如果您使用的是响应主题,那么你的网站将在所有设备上清晰可见,手机,平板电脑,ipad和电脑。

检查是否响应你的主题,你可以使用这些工具测试它:

• 为移动设备设计的测试
• 马特Kersley的工具

洛林Reguly
措辞很好

一个提示:如果该网站是建立根据响应网页设计原则,检查元viewport标记文档的头部设置,以确保内容清晰的可访问性对所有设备。

基本窗口设置:

• 应该包括“宽度=设备宽度”匹配屏幕的宽度与设备无关的像素。
• 应该包括“初始= 1”建立一个1:1 CSS像素和与设备无关的像素之间的关系。
• 不应该包括“最大范围= 1.0”。这将禁用在移动设备上使用触控放大功能,可以为用户提供一个重要特性糟糕的视力。
• 不应该包括“user-scalable =不”。默认情况下,这是设置为yes,所以不需要包含这个。如果没有,它将防止桌面用户的缩放设置申请页面,也将阻止移动用户使用触控放大。

威廉Nout
90数字

一个提示:响应网页设计是最好的路线去移动子域,子文件夹,或者TLD。确保你的网站是快,不仅对搜索引擎优化,但为了网站的转换和可用性。确保你的网站导航和可以由经验管理,不是一个鼠标。

约旦Kasteler
亨尼西咨询

一个提示:与谷歌的手机第一指数,你现在想要确保任何有用的信息或链接在你的网站上是可见的在桌面和移动版本的网站。经常过去,web设计人员和开发人员将隐藏某些网站元素移动如果他们觉得是多余的或不符合流线型的手机设计。你应该使用这个工具检查你的网站上的任何重要的链接是否隐藏在移动,如果它们,你应该编辑你的反应或移动设计来纠正这一点。

艾玛骑士的
数字营销机构

加速移动页面

一个提示:一个提示,帮助优化您的网站为移动用户集成AMP。AMP应用到你的网站可以让它更容易使用在移动格式它相应地调整基于平台查看你的网站。谷歌目前正在推动音箱被应用在所有的网站,它是帮助你的业务会更容易在更广泛的范围和提高页面加载性能。我们已经做了我们处理这多个网站,他们一直表现得很好。

肖恩·斯
SEO黑客

---

检查AMP网站了解更多关于科技和用例

---

一个提示:当你讨论移动优化,立即想到的两件事是响应性和性能。与谷歌的索引中领跑,没有响应的网站会有一个强硬的时间排名在谷歌的搜索结果。如果你的网站没有响应,唯一的建议是建立一个mobile-responsive网站。

因为它是2018年,我们会承担许多企业已经为移动设备优化的网站,专注于性能。我们一条优化一个网站为移动游客是使用加速移动页面(AMP)。

尽管许多4 g网络推销99%的覆盖率,以及我做无线连接远非完美,但我们希望网站加载页面瞬间当我们移动。

加速移动页面使用专门的HTML代码交付非常轻量级的页面加载4 x速度比页面没有它。虽然谷歌坚称AMP网站不优先考虑在搜索引擎结果页面(搜索引擎),更快,更流畅的用户体验会导致更多的点击,更好的品牌印象,并最终转换。

我们使用加速移动网页电子邮件营销活动,在社交媒体上发布内容,作为数字广告着陆页。因为我们的观众主要是使用智能手机来查看邮件和浏览社交媒体,加速移动页面确保无缝的和不间断的用户体验。

如果你使用公司HubSpot的内容管理系统(CMS),创建一个加速移动页面切换开关一样简单。如果你使用WordPress, WP -加速移动页面的AMP插件是非常有用的,和FireAMP Shopify用户是一个优秀的应用程序。

伊恩Evenstar
非公司

一个提示:将JavaScript像素/标签或其他在页脚而不是标题页面加载速度仍然非常快速。

加快页面加载=更好的结果。

迪帕克
珍珠柠檬

建议KPI

就像第一步,你想看看“页面加载时间”来理解页面响应或自适应设计是否加载迅速。

图像优化

你的照片可能多达1000倍文本文件大小。决定服务器的压力加载时间。你可以减少文件大小80%:

1. 减少图片的大小(但没有使他们看起来像素化)
2. 利用图像压缩删除无用的元数据

这实际上是一个非常简单的策略,它可以在加载时间有很大的影响。但是,其影响范围是有限的。例如,与响应设计原则不同,它不会改变游客的实际经验之外的加载时间。事实上,他们可能无法区分一个优化un-optimized形象。

调整图片大小

一个提示:优化图像的一个方法是压缩它们,但是我们想关注的策略是使用媒体查询。

媒体查询是一个CSS技术,使内容适应用户的设备的条件,比如他们的屏幕分辨率。例如,您可以为特定的图像设置最小和最大范围的功能,告诉他们如何呈现给用户的上下文。

例@media (max-width: 12000 px) {…}

一些网站建设者移动优化构建到他们的系统,但不是全部。如果你想这样做,你将需要了解其周围的人的代码。

优化图片一样,有一个更高的机会,你的网站将导致更多的转换。它会在任何设备上看起来很好。也有更少的机会,游客将不沮丧,因为图片和其他元素太小他们阅读和理解。

cenk Inanoglu
市场副总统

一个提示:我们开发使用“移动先行”的心态。我们使用大图片,按比例缩小到多个大小和使用Facebook的反应平台,我们能够确定屏幕尺寸提供最快的加载时间。

达伦Eiswirth
Adnorml

一个提示:网站速度是巨大的一个伟大的用户体验和获得高的排名在谷歌。最简单的方法之一对你站点慢下来(因此创建一个糟糕的用户体验)上传大量,un-optimized图像到你的网站。在你上传任何图片你应该压缩前尽可能小而不影响清晰度。这允许更快的页面加载和图像呈现。是特别重要的移动用户不断变化的无线连接,需要立即的信息。

项目主研人阿舒尔茨
直观的数字

一个提示:我们喜欢隐藏或创建特定的模块为移动游客。例如,我们设计了一个大型卧式图形为我们的一个客户的web页面。它在桌面看起来很好,但是太小了在移动。我们设计了一个单独的界面专门为移动,这样vertical-friendly。现在桌面用户可以看到大型水平平面,而手机用户将看到垂直的平面。它创造了一个更好的用户体验!

艾莉森范甘迪
在机构

图像优化

一个提示:根据HTTP存档,截至2018年,弥补图像平均超过50%的移动设备上的web页面的整体重量。这是什么意思?这意味着图像是最重要的资产之一时你的网站的性能。

我们都知道,速度是一个谷歌排名的因素。不仅如此,但它也有一个巨大的对用户体验和转化率的影响。手机用户有耐心比桌面用户。

这就是图像优化。很可能这是你已经读过一遍又一遍。但我可以直接告诉你,为一个WordPress主机工作,我仍然每天都能看到用户不是把这个简单的建议付诸实践。

如果你使用WordPress, 30%以上的可能是压缩和优化你的图片可以设置在不到5分钟内通过安装一个简单的免费或付费插件。我个人推荐Imagify。

如果你不是一个摄影师或某人谁需要像素级图像,压缩和有损积极的选择。多数用户不会注意到有什么差别,在我的测试中,我看到减少加载时间超过80% !如何你想为你的手机网站这些结果吗?很容易和简单。

杰克逊(Brian Jackson)
Kinsta

一个提示:当移动游客优化的关键因素是速度(没有人愿意等待页面加载)随着手机通常负载低于桌面(特别是如果你不是WiFi)。与加载时间,帮助我们确保优化所有的图片在网站上。为了做到这一点,我们首先减少图像大小的马克斯会是必需的,那么我们使用TinyPNG.com为压缩。这通常可以节省60%左右文件大小的-80%。最后,对于视频中,我们确保它是托管在Vimeo或者YouTube和嵌入在网站(网站上而不是主机本身)。

大卫•丹宁
Jumpanzee

---

看看TinyPNG大规模优化图像

---

建议KPI

你可以看“设备加载时间”或“移动诉桌面加载时间”学习页面上移动网络负载的速度有多快。您可以使用一个折线图测量你的改进。了解更多关于测量桌面与移动营销指标。

页面设计

响应和自适应设计两个通用框架如何布局页面上提供指导。然而,这些不包括转换的科学优化。换句话说,你还需要了解什么信息会立即钩游客和鼓励他们继续阅读,也许一个演示后填写表格或书籍。

尽管你仍然有10秒来吸引用户的注意,你有更少空间在移动!你的副本必须迅速解释你的产品所解决的问题。你可能需要重新组织您的文字-动作,以确保它出现在第一个屏幕。轻松跟踪你的网站设计的影响网络分析仪表盘。

文字-动作(CTA)

一个提示:为移动优化一个网站时,我们总是看数据在我们开始之前。我们使用谷歌分析视图的客户流量的百分比来自移动设备和桌面。我们还看时最常使用的移动设备访问客户的网站。一旦我们有了这些信息,我们真正的设备上测试的设计或使用一个模拟器。

我们总是考虑到用户通常使用一个设备。我们还为用户考虑的最重要的信息。我们把这些信息前面和上面的褶皱。零售空间和餐馆需要他们的地址和电话号码的移动设备。这使它容易与任何问题和得到的电话方向从他们的移动设备,而不必看起来非常远。

蒂姆•琼斯
永恒的作品(南)

一个提示:* *请记住,这都是关于客人* *

通常,客户非常卷入自己的经历在他们的移动网站。他们想确保这个博客的故事,白皮书和人员生物都是“正确的”在他们的手掌。但是你的网站应该所有访问者正在寻找什么和如何他们想要交流,不是你需要快速的参考材料。

想想访客在你的网站上的行为,(或小)的时间他们会花多少钱。相应的定制内容和表示。白皮书是美妙的,但是没有多少人会从他们的手机阅读它们。优化你的联系表单和cta(如电话号码)容易和访问任何设备。游客和他们的需求放在第一位,不要让桌面体验指挥你的移动战略。

玛丽安菲佛
108度,有限责任公司

复制

一个提示:我们都需要思考“手机第一”。谷歌认为,用户认为像这样在使用移动设备越来越从搜索,浏览网站和访问社交媒体渠道。进入你的网页设计首先考虑移动。它看起来如何在移动设备上而不是桌面?确保该网站提供用户可能需要的确切信息的清晰和易于导航格式。认为这样会转化为成功台式机/笔记本电脑。

詹妮弗·舒尔曼
网络营销的财富

一个提示:移动速度是关键。昨天网站访问者想要看到你的内容。他们没有注意广度等10秒,除非他们真的,真的,真的想要你的产品/服务。

更简单的网站设计是在一个移动设备,它将越快负载和对观众就越容易消化。使其快速、可读的(大文本和按钮)和可用性。就是这样。那么简单。请,没有弹出窗口。!

不断测试你的移动体验是一个必须在2018年最终的成功。

凯西·布莱恩
Grand Cru数字

一个提示:我们总是看到消息时移动。上面你的“褶皱”刚刚小,所以它是更重要的,你的信息会直接和游客指向你的网站很快就能够感受到。你怎么解决你的游客最大的挑战在几个字或少吗?

从那里,我们看导航,所以用户可以很容易地访问点你想让他们“跳”。非常类似于桌面网站,您的买家的旅程需要还在玩,但外形改变了,所以应该站点的用户体验不同的形式因素。

泰勒Pigott
孤独的冷杉创意

页面布局

一个提示:手机屏幕比笔记本或桌面屏幕小得多。这意味着你可以看到更少的文字比在电脑上移动。为了优化你的网站更好的移动体验,我建议没有太多文字,因为它需要更多的时间来移动向下滚动。如果你还想有文本,我建议更换你的文本与图片或图表。有一种说法:1图片胜过1000个单词。所以,包括图像将帮助用户体验为移动用户(用户体验)。

乔纳森Aufray
增长的黑客

一个提示:最好的手机提示优化你的网站访客是响应设计关注要点,确保你把用户体验的重点。手机更是如此,您需要提供信息的用户正在寻求在一个清晰、直观,简单易用的格式。这意味着只显示最重要的内容,完成页面的主要目标。

瑞恩霍华德
HeadsUp营销

一个提示:我们建议优化登陆页面移动转换是确保三个关键事情立即针对以上褶皱(即。,用户可以看到他们没有滚动):

1. 你的标题,清晰、简洁地传达你的提供,用户为什么要关心它(例如,开始引导培养增加收入);
2. 表单,包括表单标题告诉用户为什么他们应该填写表单(例如,“让你的领导培养运动指南”)
3. CTA按钮,功能定制的,可操作的短语,告诉用户他们可以指望得到什么时候提交表单(e。g,“让我的向导”)。技巧我们使用——我们表单上左手边的着陆页,下面的标题,这样当栈的内容在手机或平板电脑屏幕,形式就在上面的标题和(通常)褶皱。

Tammy Duggan-Herd
竞选的创造者

一个提示:仔细计划你的网站布局。移动web页面加载慢于经典的web页面,所以保持页面的数量最低速度是一个关键因素。是很重要的保持面向网站布局简单,因为游客没有耐心深入点击页面达到想要的结果。让事情简化,因为它会直接影响你的网站更好的用户体验。

当我们创建移动网站,而不是复制我们的经典的web页面,在移动看起来凌乱,我们简化网站,使有限的选择基于最有可能是什么,用户会搜索。

达里奥桃花心木
DWR

一个提示:除了实现提高网站速度,等最重要的用户体验,本地化,并确保所有的元素都可转位,我认为最重要的策略是优化专为移动用户参与。

这意味着:

• 改善内容可读性(内容分解成短段落和智能使用空格),
• 提供正确的内容匹配搜索意图(特别是在移动,很多用户不会整天在一个资源),
• 最后对你的目标受众更容易找到解决他们的查询。

杰森Acidre
位于Avaris IO

建议KPI

“页平均时间”和“页面每会话”从移动设备是两个好kpi会告诉你如果游客与你的内容。如果游客不花时间在你的页面,而不是在网站上点击进入其他页面,这是一个迹象表明你没有抓住他们的注意力在第一个10秒。

用户体验

新访客到达后你的手机网站,决定他们愿意了解更多,你的最后一步是如何迅速地回答他们的问题。适应一个更小的屏幕大小,你可能需要减少页面选项的数量,这意味着你将需要更多的自律在考虑推荐哪些资源。

一个常见的方式收集数据在移动用户体验是使用即时聊天。因为游客可能都不知道怎么回答他们的问题,他们可以打开聊天面板在第一页访问并开始回答问题。机器人和人类可以有答案。

使用定性数据

一个提示:安装Hotjar(免费工具)来理解人们如何使用你的网站在移动。您可以创建热图看到人们点击以及他们如何移动访问页面并记录。这些录音将向您展示人们如何与您的网站互动在手机和平板电脑。很容易确定用户体验问题当你实际上是看用户的视频。

加布里埃尔Marguglio
Nextiny

---

看看Hotjar如果你想看到一个记录的访问你的网站

---

网站聊天

一个提示:提供一个选项来聊天。最大的挫折人在手机上访问一个网站时无法快速找到相关信息。让他们问。哦,我听到那个声音在脑子里不想回答客户的问题。他们是一个礼物。如果你真的听,您将了解什么信息更容易开始在你的网站访问。这些见解是做出改变的第一步,将改善客户体验。

克里斯方便
ClosedWon

消除弹出窗口

一个提示:检查你的铅流或弹出窗口在移动之前他们活着。糟糕的出现会破坏游客很快的移动体验。如果你决定在移动设备上实现它们,让他们友好和易于使用。

肯尼·兰格
PHNX21creative机构

一个提示:在移动设备上全屏弹出窗口会阻碍用户的web体验。谷歌的使命是最近向网络用户提供一个优秀的用户体验。出于这个原因,它是推动网站的弹出窗口在排名。

你应该从你的网站删除弹出窗口为了排名在谷歌的移动搜索指数越高。而不是使用弹出窗口,您可以实现同样的目标页面上把诱人的cta和使用超链接与下属推荐来产生收入。这些方案将帮助你宣传你的产品和服务,帮助创造更多的收入没有被谷歌惩罚!

安德鲁·维纳
Organik SEO

建议KPI

这些行为应该转化为领导来自手机流量。如果游客有一个伟大的经验,一个比例应该填写表单或书演示。如果你运行一个电子商务商店或免费的SaaS应用程序,它应该是购买或注册。

手机网站优化是一个过程

你需要经历不止一次的一些步骤。没有人能一切都在他们的第一次尝试。

测试驱动的方法,而不是期待巨大的改进几个变化。

你在步骤1中审计后,你应该有一些想法如何提高你的移动体验。但是,即使你按照这些建议,一些网站的变化可能仍然有一个小的影响。

不要气馁。这些建议跨多个营销学科,所以你可能不会第一次就做对。你可以尝试另一个步骤如果你不改善你的kpi在一个特定区域。

如果你正在寻找一个更严格的方法让自己负起责任来,看看我们智能目标的工具。它将允许您在每个KPI记录你的进展。