首页 > 经验 > 关键词 > 网站优化最新资讯 > 正文

如何让你的网站更适合移动设备浏览

2010-12-20 15:26 · 稿源:盒子UI,www.boxui.com

随着智能手机的普及,越来越多的手机用户选择在手机上浏览网页,鉴于目前国内带宽限制及手机硬件及软件的相关局限性,你不可能要求手机用户去浏览一篇布满大分辨率的图片且有几千文字的文章,这显然是很不明智的选择。因为这使得用户不得不花更多的时间来等待内容加载,有时候甚至加载的时间会超过阅读的时间。所以你需要对你的网站做一些优化工作,以便能更好的适合移动设备用户能很好的浏览你的网站。

流式布局

让您的网站液体宽度布局是使您的网站朝着对移动设备友好的重要一步。它不仅摒弃了你的网站周围的多余的死空间,他还可以使之在许多不同平台和分辨率下查看。那么究竟流体宽度是什么意思呢?

流体宽度,顾名思义,就是您的网站可以根据浏览器的大小伸展活着缩放宽度。它实施的容易程度取决于您的当前设置和布局。如果你有一个简单易用的布局,修改变CSS样式表中的宽度属性为以百分比来达到其效果是你唯一要做的。

没有杂乱的广告

杂乱的广告是移动平台上的重大问题上,即使网页原本的布局没有被破坏,最终用户看到的广告可能比内容还多。有一个简单的修补程序来隐藏这混乱的现象而不必创建一个特定版本的移动网站。你也可以创建针对手持设备的css样式表,通过判断终端的分辨率大小来调用。

无论你使用一个,你应该永远记住,大多数手持移动设备有实际情况的限制,这意味着屏幕尺寸只能容纳很少一些东西,这极少的东西就是访问您网站的用户希望看到的那部分内容。

集中的内容

集中你的内容是因为这使移动设备的用户立即看到关键部分。很多针对移动设备的网站的往往会粘在了很多不必要的混乱的东西,例如图像或广告,但由于网站管理员必须了解,展示访问者最关心的内容才是重点。

如果用户是从手机访问您的网站并没有连接到有线网络上,带宽受到一定的限制,这意味着用户将选择他或她想要访问的网站,而不是他们访问那些在桌面上的网站。

这意味着,你需要确保你的网站在利用手机浏览占用少量的带宽,这意味着图像应该是有限的,并且文字内容应为重点。假使您的网站是内容是基于图像的呢?

如果你的网站主要是基于图象,你的第一要务是建立一个独立的移动网站,针对移动平台进行优化——通过降低图像的大小和高度压缩。一种替代方法是创造适用,允许第三方应用程序的移动设备的移动应用(app),这对为您的用户来说可能是一个有用的工具。

跨平台的友好链接链接和效果

随着新的网络工具和影响继续扩大,很难没有漂亮的悬停提示或下拉导航或甚至一个链接通过JavaScript弹出的小窗来展示信息。然而,对移动设备的用户来说,这些效果和工具可能无法在他们的平台使用,这就带来了许多无用的链接和工具。一个简单的解决办法,就是始终为不能查看或使用他们的用户提供替代方案。

一些移动设备允许Javascript,但在你的网站无论如何都不能使用你原有的效果,所以最好的办法是检测连接到您的网站的平台类型,禁用或改变某些类型的工具和效果一遍适应得更好。

保持您的网页简短,结构紧凑

用于移动设备的长页面肯定是一个巨大的倒退,因为加载页面需要花费大量的时间。因此,保持你的网页简短、结构紧凑可以使你的网站跨平台可访问——即使在一台网速极低的设备上。因为,用户最不愿意做的事情是等待网页加载,而不是花时间浏览网站

彻底的导航

众所周知,由于其键盘或虚拟键盘用起来一点也不方便,输入在大多数移动设备就实实在在成为一种痛苦。因此,为您的网站建立一个彻底的导航是一个关键环节,它可以使您的网站的移动体验更加友好。如果您提供的大量的内容,你需要确保用户可以通过浏览找到他们而不必用使用搜索引擎。如果你不能在不适用搜索的情况下找到你网站的某些部分,很有可能用户也不能。

醒目而清晰的内容

今天,许多新的移动设备是触摸屏,这意味着用户将可以使用他们的手指来导航他们的设备和您的网站。如果您的网站的内容和链接不够醒目,不够清楚,通过你的网站导航将是一个痛苦。

要防止这种情况很容易,试着去消除那些分散在文章或段落的链接,因为它们被纯文本包围而难以点击或按住。相反,把这些链接放置到文本主题的上方或下方,同时保证他们足够大,用户就可以没有困扰的用手指点击它们。

简短且易记的链接

这是另一种输入相关的问题,如果用户要输入一个长URL才能到你的网站,很有可能他们不会这样做。如前所述,使用键盘或虚拟的键盘打字不适合长文本块,所以一定要确保你的网站有一个简短易记的域名。此外,在您的网站尽量避开输入工作也是理想的,因为通常他们通过快速指引或参考信息访问您的网站。

来源:盒子UI   原文来源:Design Reviver

  • 相关推荐
  • 大家在看
  • 如何将访客转化为潜在客户?这个8个网站优化策略了解下

    你是否已经将自己的网站优化到最佳状态了呢?通过优化来产生潜在客户是转化网站已经获得的流量的最好方法之一。然而,如果你认为在网站的主页上添加几个“点击这里”的CTA策略(注:Callto Action,行动呼吁),就能获取更多的潜在客户,很遗憾的说,这个想法大错特错。

  • 为什么快手不适合企业蓝V,更适合个人来玩?

    快手的形态其实很简单,它只是集合了普通人的生活片段,再推荐给别人看,但背后的思路和其他创业者会有点差别。根据国家统计局的数据显示,每十万人中只有9%的人受过初中及以上教育,所以快手想做的是关注所有人,包括那些被忽视的大多数人得感受,让剩下那91%的人能更好的表达。

  • 华为首款搭载鸿蒙的移动设备或将诞生,麒麟1020采用5纳米制程

    DoNews6月26日消息(记者 程梦玲)华为有望最快在9月份发布旗舰机Mate40系列,搭载麒麟1020芯片。运行鸿蒙OS 2.0的Mate Watch智能手表或同时发布。华为Mate40系列最大的亮点是其很可能成为首个搭载海思最先进的麒麟1020芯片的手机,麒麟1020采用5纳米制程工艺制造,届时很可能与苹果一起成为全球首发5纳米芯片的厂商。虽然遭遇了一系列麻烦,但海思目前的芯片库存足够支持下半年Mate40系列的上市。

  • 维修网站iFixit分享呼吸机等设备维修教程:遭医疗企业举报侵权

    经常关注拆解新闻的朋友,对iFixit定然不陌生。实际上,iFixit涉足的领域非常广,不仅仅限于手机、平板、笔记本等。在今年新冠肺炎疫情期间,iFixit更是广泛发布和上传了有关呼吸机、医疗设备

  • Edge最受期待升级 微软浏览器扩展网站上线 兼容Chrome

    在IE、旧版edge失利之后,浏览器全面转向Chromium开源内核可以说是微软近年来最正确的决定了,全新的Edge浏览器非常不错,值得推荐。现在Edge最受期待的升级——全新扩展网站上线了。

  • 搭载5nm麒麟1020 曝华为Mate 40将于9月发布:首款鸿蒙OS移动设备或同台亮相

    据国内媒体报道,华为有望最快在9月份发布旗舰机Mate40系列,搭载麒麟1020芯片,与iPhone 12系列迎来正面厮杀。此外,运行鸿蒙OS2.0的MateWatch智能手表或同时发布。据悉,华为Mate 40系列将首

  • 玖富数科集团:深入摸索数字化发展格局 提供更适合集团发展的方案

    普惠金融总是在重要会议中被频频提及,在党的十九届四中全会也曾提到,要健全具有高度适应性、竞争力、普惠性的现代金融体系,打通普惠金融的“最后一公里”。作为数字科技服务缔造的实力派,玖富数科集团持续深耕国内市场,不断拓展海外市场,凭借多年以来集团在科技创新上累积的经验以及优势,深入摸索当前的数字化发展格局,从而历练出一套更适合集团发展的方案,为推动集团的高质量发展提供了更好的助力!玖富数科集团:深耕海外?

  • 以QQ浏览器为例:如何去挑选一个优质的浏览器

    随着网络技术的进步和发展,越来越多的平台都可以帮我们了解这个世界。很多用户习惯性用浏览器去看世界,查资料,那我们应该如何选择一个优质的浏览器呢?以QQ浏览器为例,为大家分析一个好的浏览器需要展现哪些特性?稳定性强大部分用户在浏览器中的逗留时间较长,因此许多用户对于浏览器最大的要求就是希望他能保持良好的网络连接速度。QQ浏览器从正式发布以来就凭借着较高的连接速度和稳定性,受到了广大用户的好评。为了确保用户

  • 这个比QQ空间还古老的网站,是多少女孩的精神家园?

    ​你多久没有上网冲浪了?你还记得第一次和因特网的亲密接触吗?仔细算算那些诞生于 1999 年的网站,已经整整二十岁了。

  • ios14支持设备列表 苹果iOS14支持适配设备机型汇总

    苹果wwdc2020全球开发者大会最近正式在线上举办,其中曝光了iOS14支持的设备,很多朋友还不清楚到底支持哪些设备机型,下面就来为大家分享一下。

  • 拼多多新手适合卖什么产品

    拼多多新手适合卖什么产品?目前的拼多多可以说是国内发展势头最猛的电商平台,那么新手在拼多多开店适合卖什么产品呢,那对于市场敏锐的商家,相信早就已经在拼多多开店了。拼多多开店也有利弊,如果你还不清楚开店利弊,怎么可能在这开好店呢。以下是关于拼多多新手适合卖什么产品的详细介绍。

  • 抖音和西瓜视频哪个适合直播

    目前有直播圈有很多个直播平台,比如抖音、西瓜视频、快手等等都可以直播,那么哪个直播平台比较适合自己来直播呢,这里我们来分析下不同平台的直播特点,帮助你找到适合自己的直播平台。

  • IBM云服务出现故障 导致全球多个客户网站瘫痪

    太平洋时间 6 月 9 日下午,IBM Cloud的用户报告了一次故障,导致全球许多网站没有响应,目前该问题已经解决。

  • 这个网站靠帮人们分析怎么在网上赚钱,月入近3万

    不少想要搞副业的人,曾经花费大量时间和精力尝试在线赚钱,但最后才发现自己白折腾了。eBiz Facts 是一个小团队,该平台花费大量时间研究和审查各种在线赚钱方法是否靠谱,然后给用户一些建议,让他们避免被骗,以及浪费时间、精力和金钱在一些容易“踩坑”在线业务,并做出更明智的决策。

  • 电子书免费,写评论还奖励60美元,这家网站靠什么赚钱?

    对于喜欢阅读的用户来说,OnlineBookClub绝对是一个好地方。这个已经有着十多年历史的在线图书俱乐部,不但为用户提供免费的电子书,而且用户如果为电子书写评论,每条最高还可获得 60 美元的报酬。它甚至都不需要用户具备高级评论家的水平,只需要通过Online Book Club注册一个账户,注册成功后,你只要选好你喜欢的图书类型,然后从可供选择的图书中选择一本书,按照说明下载,然后提交评论就可以了。

  • 抖音上的语文教学,适合走什么路线?

    相比数理化等理工科,可以通过刷题、技巧方法,让学生的成绩短时间内得到一定的提高,语文重积累。学习方法固然也有用,但更侧重日拱一卒的阅读、消化理解和重复记忆,以及一些对于文字与生俱来的天赋和感觉。就语文学习而言,很难有立竿见影、临时抱佛脚等说法。

  • 牛商网营销型网站:传统企业接到百万总统府邸大单

    牛商网的营销型网站助力13000+企业成功转型互联网,为传统企业转型互联提供无限可能。合肥市某专注于冷暖设备工程的传统企业,通过牛商网的营销型网站,单月销售额达 100 万,公司网络销售业务达到千万大关,通过网络成交的业绩占公司总业绩的90%,并通过牛商网制作的营销型官网接到了 5000 个平方的国外总统府邸工程订单。一起来看下牛商网是如何助力这家企业实现弯道超车的吧:传统做得再好,也要布局新跑道!这家冷暖设备工程公

  • 家庭影院需要什么设备?投影色彩很重要

    选购家庭影院投影机,什么参数最重要?很多影音发烧友都会谈到色彩。当画面点亮的那一刻,色彩首先占据视线,往往影片剧情还没开始,色彩就已经传递了电影的氛围和情绪,比如在电影《阳光灿烂的日子》中,暖黄色的光线充满怀旧氛围,而透明的蓝色水池,穿着红色泳衣的美丽姑娘,构成生机勃勃的青春回忆。什么样的色彩才算好?有人喜欢靓丽生动的画面,饱满色彩撞上了眼球,通过视网膜,刺激神经,带来纯粹感官享受,有什么比一片蔚

  • Google宣布Titan安全密钥支持iOS设备

    DoNews 6月4日消息(记者 刘文轩)Titan是Google与身份认证设备开发商Yubico合作生产的安全密钥产品,用来增强账号安全性。不过Titan安全密钥一直以来都只兼容Android、Chrome OS、macOS和Windows设备。Google Cloud产品经理Christiaan Brand在Google Security Blog宣布,用户现在可以在iOS设备上通过Titan安全密钥登陆Google账号了。iOS用户想要使用Titan安全密钥,首先必须要将系统升级为iOS 13.3或更高版本,在设备上输入用户名

  • B站CEO陈睿回应“B站变了吗”:B站已经不是一个小网站,有变化也有不变

    凤凰网科技讯 (作者/郑媛)6月26日消息,在BILIBILI十一周年发布会上,B站CEO陈睿表示,在跨年晚会之后,明显能感受到B站的影响力在扩大。对于“B站变了”这种说法,陈睿也在发布会上作出了回应,他认为,“B站有变化,但在越变越好,B站的属性和内容的竞争力是不变的。”陈睿在发布会上阐述了B站的变与不变。陈睿认为,第一点变化是B站的用户的变多,在第一季度B站的月活跃用户达到1.72亿,但是B站的用户属性没有变化,新增用户?

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议