现在,移动设备这么多,很多用户都在手机上上搜索内容,比以往任何时候都更重要的是,确保您的开发流程包含最佳实践和技术,以实现您在线展示的有效移动展示。
无论您是在法律,医疗保健,餐厅游戏,技术或其他行业,移动网站的高质量移动实施都是移动优先时代的关键一步。
本文作者建议重点关注移动开发最佳实践的几个方面,包括技术搜索引擎优化,网站开发和移动设计原则,以创建一个连贯的在线网站,以抵御转入谷歌的移动优先时代。
简而言之,这里有12个您应该关注的最佳实践,以实现高质量的移动网站。
1.在折叠之上并不完全消失
重要的是要记住,在移动环境中,事物滚动不停,在折叠之上并没有完全消失。
在移动设计中至少有一些文字内容是优先选择的,以向某人展示滚动的理由。
希望看到你提供的东西的心理好处和愿望并没有完全消失,所以你仍然需要在许多不同的移动设备上进行优化。
2.不要始终关注移动消费者
随着移动和桌面合并,这些平台的用户的目标和愿望也将如此。
当您专注于您的用户希望基于平台实现的目标时,您可以创建一种整体方法,更有效地通过您的网站吸引客户。
无论用户是购买产品还是对您提供的服务进行研究,用户目标和客户对业务的收购都将持续不断。
尤其如此,专注于这些理想和价值观将变得不那么必要。同样重要的是,请注意,随着移动和桌面的融合继续下去,这一点就不那么必要了。
3.使用自适应设计技术
独立的m-dot网站(m.example.com)的日子已经结束。
在移动优先时代没有可能的可兑换理由来使用这种实现。
结构可能非常混乱,如果未正确优化,多个URL会产生重复的内容问题。
有很多技术可以确保有效的转换完成,但是除此之外,随着新技术的出现,m-dot实现已经走上了渡海之路。
今天,理想的实施需要一个响应式设计。这些设计使用所谓的媒体查询来定义设计将支持的显示分辨率。
每个单独的分辨率都是设计中的所谓“中断点”,或者响应式设计从一个分辨率转换到另一个分辨率的时间点。
使用这种结构的好处在于,您不会遇到在m-dot实现中出现的重复内容问题。
此外,您的移动实施将采用最新技术。
4.想\’代码\’而不是\’图像无处不在\’以提高网站速度
您是否真的需要将这种双色背景用作2像素宽1200像素的高重复背景?
如果你不这样做,而且你可以代码编写代码。
虽然这么小的东西不会对网站速度产生重大影响,但是优化可以在完成时加总。
下次您执行网站审核或以其他方式创建网站时,请考虑:“我是否真的需要此图像,还是我可以简单地编码?”
如果图像确实没有必要,编码对象可以帮助提高网站的速度,特别是在使用过多图形的网站设计上。
5.为移动设备定制WordPress
有很多插件可用于WordPress。
非常如此,有些甚至提供了增强移动兼容性的功能。
为此目的最有用的插件是Duda Mobile,W3 Total Cache,以及用于缩小HTML和CSS的插件。
6.确保桌面和手机上的所有内容相同
这种最佳做法背后的想法是避免重复的内容和指责隐形。
为了安全起见,请务必确保网站的桌面版本与移动版上的所有内容相同。
用来确保发生这种情况的最佳技术之一是响应式设计。
对于那些不知道的人来说,响应式设计需要创建一个使用“媒体查询”的样式表,以便在各种平台和设备之间自动转换设计。
如果你想挤出所有可能的速度并让你的设计变得精益和平均,考虑查看CSS精灵来减少服务器端请求。
7.使用\’从上而下\’的开发方法
“从上到下”的开发方式意味着你从设计开始到结束考虑每一项决策的所有潜在后果。
你开发的是移动优先,而不是桌面优先,然后在移动设计中加入。这种开发方法非常理想,因为您不会将问题引入最终设计。
这里有一个例子:你创建一个桌面网站。在整个过程中,大约四分之三的时间,您决定要在其上创建一个移动网站。
你创建了模型。但是,在对模型进行编码并在整个转换过程中移动之后,您会发现一个错误。你会发现一个错误。然后你在那里发现一个bug。这是因为自下而上的方法不起作用,并导致范围蔓延。
这是在最后一分钟出现看不见的问题的现象,导致无法预见的错误和小时增加,原本最初没有提供的项目最初没有提供。
事实是,如果自上而下的移动响应设计方法从一开始就被认为是直接的,这些错误和需要解决的事情最终不会出现,从而引发这个令人担忧的问题。
8.请勿使用侵入式插页式广告来销售您的产品
是。我们知道。你的产品是这个星球上最伟大,最令人敬畏的东西。这就是为什么我们可能在购买之前访问您的网站并对其进行研究。
但是,我们不需要有一个侵入性广告,阻止我们在整个网站上的活动,从而影响我们的销售。
在可能的情况下,尽可能减少插入式插页式广告的投放,并将广告贴近底部或偏旁,并选择点击广告并至少将其删除。
需要注意的是,谷歌对插入式插页式广告的处罚非常重要。值得仔细阅读他们的开发者指南以及他们在这个问题上的网站管理员指南,以及他们关于这个主题的博客文章。
9.找出执行中的弱点并检查错误
弱点并不总是意味着网站的速度。
它们可能意味着在不同显示器和不同平台上实现的问题(认为Windows手机与iPhone)。
我喜欢使用BrowserStack.com来达到这个目的。
没有什么比进入移动实施的最后阶段更糟了,并且看到你的客户发现你的实现中的问题,你应该在开发过程中发现你自己!
10.不要使用Flash视频
在这个时代这应该是一种常见的做法,但我仍然可以看到使用它的网站。
只要Adobe购买了Macromedia并停止了它,Flash视频就成为了恐龙的道路,为HTML 5视频铺平了道路。
如果您的网站上至少没有使用HTML 5视频,那么您的用户可能会感到痛苦。
11.使用Schema.org结构化数据
Schema.org结构化数据不仅对于识别您网站上具有搜索引擎需要查看的特殊结构化信息的页面非常重要,而且当移动索引充分发挥时,期望看到对Schema的更多依赖。
这是一种简单易懂的理解信息的方法,然后可以将其转换为移动搜索结果中的丰富网页摘要。
但无论哪种方式,本作者认为即使在桌面实现中也可以使用Schema结构化数据,因为它可以帮助您根据目标关键字显示在丰富的摘录结果中。这可以在正确实施时帮助提高网站的可见性。
12.不要阻止支持脚本,如JavaScript,CSS或类似图像的东西
当为任何平台开发网站时,这应该是常识,无论是桌面还是移动平台,但有些人仍然这样做。
确保您的移动设计的支持脚本不被阻止是非常重要的,因为这种阻塞会导致移动软404等问题。它也可能导致桌面404s。
但是,如果您阻止这些文件被Google抓取,则无法抓取这些文件以查看您的网站是否正常工作。
当他们无法做到这一点时,这可能会导致较低的排名,因为他们无法完全理解您的网站。
移动首先在这里:实现的需求已经达到临界质量
随着谷歌移动优先索引的到来,实现您的跨平台,跨设备,跨兼容的网站现在已经成为重中之重。
这意味着,你不再拖延,更多的是不具有不只是移动实现,但不具有正确的移动实施要花费你在许多方面。
不仅仅是排名。
如果你还没有跳到手机,为什么不呢?