让网站移动友好:5个惊人的建议

Jessica是WebFX的谷歌Analytics认证数字视频分析师。在过去的两年里,她为WebFX的YouTube频道(youtube.com/webfx)制作了超过100个视频。杰西卡擅长视频营销,也喜欢内容营销、SEO、社交媒体营销和其他许多方面的数字营销。当她不制作视频时,杰西卡喜欢听音乐、阅读、写作和看电影。

在这个视频中,WebFX互动团队的Carly将介绍如何使网站移动友好。检查出来。

记录:移动网络流量占了上风一半的网络流量如果你的网站不适合移动设备你基本上是在让人们远离你的生意。另外,截至2020年9月,谷歌优先考虑移动版本当你的网站爬行时。

因此,如果你没有一个移动友好的网站,你甚至可能会损害你在搜索结果中的排名。这意味着更少的人会访问你的网站。你应该从中学到的是你的网站需要运行良好在所有的设备上,所以你可以满足人们的需求,无论他们使用的是台式电脑还是智能手机。让你的网站移动友好的一个关键是使用响应式的网页设计(和拥抱)移动营销).

什么是响应式网页设计?

在响应式网页设计中,你设置你的网站,使其适应不同的屏幕尺寸。一般来说,内容就上了响应站点在不同设备之间保持相同,但您可能会看到站点元素的布局和大小有所不同。举个例子,假设在台式计算机上,您的主页左侧有一段文本,右侧有一个表单。

电脑显示器通常比手机屏幕宽得多,因此当这个页面在手机上加载时,文本段落位于表单上方。不想让人们捏和缩放在他们的手机上浏览你的网站,所以响应式设计试图防止这种情况,当它调整到不同的设备。如果你想让网站变得移动友好,响应式设计只是一个开始。要想拥有一个移动友好的网站,需要考虑很多因素,这一点我稍后会讲到。

如何检查你的网站是否适合移动端使用

您不需要100个不同的设备来测试站点的移动友好性。你可以用几种方法来验证这一点。首先,我们的搜索引擎优化检查器可以分析你的网站的移动友好性。

寻找一个一体化的SEO审计工具?你已经找到了。

SEO检查器提供关键指标的数据给你:

  • 完整的搜索引擎优化分
  • 年级的内容
  • 网站速度分析
  • 和更多。
其次,谷歌有一个您可以使用的移动友好测试工具。事实上,你可以直接谷歌“移动友好测试”,将你的URL粘贴到方框中,然后开始测试。 第三,另一种查看网站是否响应的有趣方法是,到网站上的任何页面,右键单击,选择“检查”, 然后浏览页面顶部的设备选项,看看你的网站在不同屏幕上的效果。 这将给你一个概念 你有多少工作要做 .希望不是很多!

为移动设备设计网站似乎是一项大量的工作。

制作一个移动友好的网站需要多少成本?

不幸的是,你需要投资多少并没有一个确切的数字移动网站.这真的取决于你的项目范围和你的需求。

如果一个网站有20个页面需要移动优化,而另一个网站有200个页面,那么20个页面的项目将花费更少的时间和资源。一般来说,一般的网站设计项目是有成本的从1.2万美元到15万美元不等(不包括维护。但如果你不需要完全重新设计或只需要一些小的调整,你可能会花更少的钱。如果你自己从事响应式或移动网页设计,成本取决于你使用的工具和你分配时间的价值。

是什么让一个网站适合移动?5个关键提示

不要只关注响应式设计而忽略网站的其他元素。你可以做很多改善用户的手机体验除了拥有响应页面之外。

1.忘记鼠标

当人们使用手机或平板电脑时,他们很可能没有鼠标来帮助他们浏览你的页面。你需要确保你的网站是可点击的。拇指比光标大得多,所以如果“可点击”的元素靠得太近,或者在点击时不起作用,就会造成糟糕的用户体验,让用户远离你的业务。

2.加快速度

人们没有耐心。如果你的网站加载时间超过几秒钟,你就会失去潜在客户。如果你把你的页面插入谷歌的PageSpeed Insights工具,你可以看到它们加载的速度,以及你需要做什么来提高它们的速度。谷歌的PageSpeed Insights工具你可以考虑使用加速移动页面(AMP),它可以帮助你的网站在移动设备上超级快速地加载。确保您使用的所有图像和图形都经过压缩。

你会惊讶于一个压缩文件能带来多大的不同。如果你使用视频,确保你没有直接在你的网站上托管它们。这可能是页面变慢的主要原因。与其自己托管你的视频,不如通过第三方托管提供商嵌入它们,比如YouTubeWistia.一个额外的好处是,你可以访问大量的数据,告诉你的视频是如何表现的。

3.少问问题

那是在你们的表格上。一般来说,最好保持你的网站表单简短。删掉任何不必要的字段,这样人们可以快速地给你重要的信息。但想想手机体验。用手机打字并不总是有趣的。

键盘很小。这些字母靠得太近了。在手机上打字越少越好。专注于你与客户沟通所需的最重要的信息,删去其他所有信息。

4.注意弹出窗口

在电脑上,你有足够的空间让弹出窗口进入屏幕,而不会完全扰乱人们的阅读。在移动设备上,弹出窗口可能会占据某人的屏幕。如果你正在用手机阅读一篇文章,突然出现一个大大的粉色框挡住了文本,你会有什么感觉?我想到了“沮丧”和“烦恼”两个词。更糟糕的是,如果有人不知道如何关闭弹出窗口,他们可能会完全放弃一个网站。您可能希望在移动设备上避免弹出窗口——或尽量少使用它们,以避免创建糟糕的用户体验。

5.切分大段

不要写大段文字,因为我很无聊。虽然一个四句话的段落在较大的显示器上看起来很小,但在手机上它会占用更多的空间。你不必写得更少。只是将一个大段落成更小的。

较短的段落有助于使你的内容更容易阅读。你也可以把你的内容分成更小的部分。所以,从一个主标题开始,然后添加与不同的子主题相对应的副标题。添加多媒体元素有助于分散页面,但请记住,如果不添加多媒体元素,视频和照片会降低页面速度优化合理如果你按照这5个建议更新你的内容,你的网站一定会让你的手机友好。如果您在响应式网页设计或为移动用户准备网站的不同元素方面需要帮助,请毫不犹豫地联系我们网页设计专业走之前要做两件事!

订阅我们的YouTube频道,这样你就不会错过最新的视频,并注册我们的收入周刊通讯,以跟上最新的数字营销主题。谢谢收看!

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!