网站手机版制作优化的5个注意事项
1.PC站和移动站配置方式的选择
目前PC站与移动站配置方式主要有三种:跳转适配、代码适配、自适应,跳转适配通俗的讲就是新建个手机网站,移动端访问pc网页时能进行识别并跳转到相应的手机版面,是目前国内被使用最广的配置方式,如常见的m.abc.com、wap.abc.com、www.abc.com/m/等;代码适配和自适应都是在原网址中给用户展现手机版面,其中代码适配是识别不同的访问设备类型生成不同的html,而自适应是根据屏幕尺寸以不同方式进行呈现,html代码是相同的。这三者的制作难易程度分别是代码适配 > 自适应 > 跳转适配。
2.开发前写好需求方案
这跟PC端网站、版面的搭建是一样的,移动端因为是近几年随着智能手机的普及才空前发展起来的,可以说大部分业内人士还是在尝试,为了提高开发效率,这就需要跟程序员在开发前进行功能、版面效果实现方式上的探讨和确定,如果有个参考网站是最好的。
3.页面内容友好度
页面内容的友好度是对真实访客和搜索引擎两者的友好:
①页面代码简洁、不冗余、要做页面压缩等;
②重要的内容要在html中以文本的可读形式进行展示,而不要将这些内容放到搜索引擎不可读js、图片中;尤其是js,家世比小柯这次的手机版制作跟踪过程中也是碰到这问题,因为需求提到要列表页面无限加载,程序员直接就列表页面文章直接用js调用,还好及时发现做了调整。
③图片尺寸能自适应,在不同屏幕尺寸进行很好的展示,并且要控制好图片文件大小。
④TDK标签,个人认为这移动网站的标题、描述和关键词大部分情况下是可以跟PC端一致的,当然因为移动设备的屏幕限制,为了更好的阅读体验,如果PC端标题过长可以进行适当的调整。
4.不断的测试、完善
做过程序开发或者跟踪的,相信都会知道其实后期的程序测试和完善都是最花时间的。而网站手机版的测试除了对不同页面和功能实现进行测试,还需要用不同手机尺寸、手机系统、不同的手机浏览器和不同设备进行测试,安卓、ios、UC浏览器、百度浏览器、微信内置浏览器、智能手机、平板电脑等。最重要的一点,程序修善所有的需求后,一定要所有页面和展现设备再全面测试一遍。
5.移动端url适配
首先需要实现移动设备访问PC页面进行自动跳转,然后再去各大搜索引擎站长平台进行移动端适配url提交。
以上就是家世比www.homebi.com小柯seo在这次跟踪网站手机版制作和优化过程中的经验总结,可能说的不是很全面,欢迎大家拍砖指教!
相关建站知识
- 07-12帝国CMS模板读取远程页面内容(readhttp) 和引用文件标签 (includefile)
- 04-10帝国CMS怎么解决自动分页截断等标签、末页空白
- 03-31帝国CMS模板内容页怎么用TAG调用相关文章
- 03-05帝国cms标题设置了加粗、颜色等属性在内容页显示
- 07-23帝国CMS结合项筛选选择、删除方法
- 09-10调用当前播放器名称
- 03-31帝国CMS二次开发后台增加添加会员功能
- 07-26帝国CMS百度MIP改造newstext正则表达式
- 09-08帝国CMS列表内容模板调用TAG的两种方法
- 08-03帝国cms灵动标签调用多表多模型调用文章的方法
- 03-23帝国CMS二次开发跨数据库调用方法
- 07-09帝国cms如何在内容页调用当前页url链接
- 05-29帝国cms标题属性设置了加粗、颜色等属性在内容页显示
- 02-06帝国CMS记录发布者IP
- 12-05帝国cms会员收藏夹如何显示信息的栏目名称
- 04-29帝国CMS TAGS标签随机颜色/大小/变化的调用方法!使用[showtags]标签随机调用!
- 02-26帝国CMS灵动标签内容页调用列表页关键字
- 05-01帝国cms会员中心控制面板不同会员类型出现不同投稿栏目
- 08-05帝国cms打印模板的使用方法
- 02-15帝国cms页面浏览量或点击率统计调用代码