找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 936|回复: 0

[杂谈] 手机网站制作优化的注意事项

[复制链接]
发表于 2016-9-2 10:09:23 | 显示全部楼层 |阅读模式 来自 中国–河北–石家庄
  现在做网站,都不在满足于pc站,还会制作手机网站。手机网站是针对移动设备的网站,潜在用户也是很庞大的。手机网站制作的时候,如果有对应的pc站,注意保持2个网站的一致性或风格一致性,同时也要把网站优化的要点融合进去。
  下面是手机网站制作优化的注意事项:
  1.PC站和移动站配置方式的选择
  目前PC站与移动站配置方式主要有三种:跳转适配、代码适配、自适应,跳转适配通俗的讲就是新建个手机网站,移动端访问pc网页时能进行识别并跳转到相应的手机版面,是目前国内被使用最广的配置方式;代码适配和自适应都是在原网址中给用户展现手机版面,其中代码适配是识别不同的访问设备类型生成不同的页面,而自适应是根据屏幕尺寸以不同方式进行呈现,html代码是相同的。这三者的制作难易程度分别是代码适配 > 自适应 > 跳转适配。
  2.开发前写好需求方案
  这跟PC端网站、版面的搭建是一样的,移动端因为是近几年随着智能手机的普及才空前发展起来的,可以说大部分业内人士还是在尝试,为了提高开发效率,这就需要跟程序员在开发前进行功能、版面效果实现方式上的探讨和确定,如果pc站已经建好了,可以参考设计,没有的,就相当与设计一个新站。
  3.页面内容友好度
  页面内容的友好度是对真实访客和搜索引擎两者的友好:
  页面代码简洁、不冗余、要做页面压缩等;
  重要的内容要在html中以文本的可读形式进行展示,而不要将这些内容放到搜索引擎不可读js、图片中;尤其是js,家世比小柯这次的手机版制作跟踪过程中也是碰到这问题,因为需求提到要列表页面无限加载,程序员直接就列表页面文章直接用js调用,还好及时发现做了调整。
  图片尺寸能自适应,在不同屏幕尺寸进行很好的展示,并且要控制好图片文件大小。
  TDK标签,移动网站的标题、描述和关键词大部分情况下是可以跟PC端一致的,当然因为移动设备的屏幕限制,为了更好的阅读体验,如果PC端标题过长可以进行适当的调整。
  4.不断的测试、完善
  做过程序开发或者跟踪的,相信都会知道其实后期的程序测试和完善都是最花时间的。而手机网站的测试除了对不同页面和功能实现进行测试,还需要用不同手机尺寸、手机系统、不同的手机浏览器和不同设备进行测试,安卓、ios、UC浏览器、百度浏览器、微信内置浏览器、智能手机、平板电脑等。最重要的一点,程序修善所有的需求后,一定要所有页面和展现设备再全面测试一遍。
  5.移动端url适配
  首先需要实现移动设备访问PC页面进行自动跳转,然后再去各大搜索引擎站长平台进行移动端适配url提交。
  以上是关于手机网站制作优化的注意事项。金色方向-石家庄网站制作:http://www.hbjsfx.com

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

▶专业解决各类DiscuzX疑难杂症、discuz版本升级 、网站搬家 和 云服务器销售!▶有偿服务QQ 860855665 更多精品应用
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )|网站地图

GMT+8, 2026-1-21 08:29 , Processed in 0.040098 second(s), 10 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表