手机网站的制作与优化运营需要注意哪些事项?
编辑:小舟信息发布时间:2017-06-29手机网站制作包括了网站质量、对用户友好度、对搜索引擎友好度等多方面的改进设计,使之更符合用户的体验,那么我们需要注意哪些事项呢?
1、移动端使用域名问题
如果将PC端域名与手机域名使用同一个域名。最好建设自适应式网站,这样的好处是网站无论城何种设备达到比较好的分辨率和体验,而且不需要额外的技术。百度搜索引擎对于移动站(俗称手机站,简称M站或者wap站)的域名有自己的偏好!不推荐使用子目录形式如:百度搜索引擎喜欢独立的、短小的二级域名(简洁的域名也可)。但却不喜欢用子目录做的M站,理由也很简单,搜索引擎对 /m/ 这个目录会感到疑惑:到底是PC站的一个子目录,还是PC站相对应的M站呢?
2、前端开发语言
移动互联网发展至今,前端开发语言经过历次的更迭,目前主流仍在使用的用xml、xhtml、html5。
历年来,移动web主要技术标准有:
WML——古典的移动web标准,使用WML
i-mode——小日本的标准,使用iHTML,我们可以忽略
OMA领导的xHTML mobile profile,使用xHTML
W3C领导的xHTML Basic,使用xHTML
以及所谓的Full Web,也就是普通的HTML——从iPhone开始流行起来
近年来比较流行HTML5,是html标准的最新版(在2014年10月正式发布),目前世界上主流浏览器最新版均以支持,同时,也是各站长平台、浏览器厂商推荐的移动站点的前端语言标准。
3、根据手机特征设计网站
手机屏幕远没有PC的大,因而,无论是在版面设计上还是功能设计上,都需要更注重实操性。PC端的版式布局并不适合小屏幕的手机浏览及操作。在手机网站设计上,可以根据手机的实际操作情况来排版网站的栏目。
4、使用精简的网页设计
手机网站的版面小,因而在进行手机网页设计时要尽量少使用阴影、渐变等复杂的设计手法,尽量采用简洁大方的版面设计,目前一些潮流的设计方式能够在手机网站上得到很好的体现,在手机网站设计中可以参考或使用。如以IOS为代表的扁平化设计是一个很好的例子。
手机网站优化与运营
1、applicable-device标注
用来向百度蜘蛛说明此url页面适合在PC端还是M端展现。说白了,就是帮助百度提交校验识别结果的正确性,减少百度蜘蛛把PC站当成M站,或者把M站当成PC站进行抓取。代码放在<head></head>中间,规则和对应关系见下:
如果是PC站,代码:<meta name="applicable-device"content="pc">
如果是M站,代码:<meta name="applicable-device"content="mobile">$ C2 L, I8 X* w9 P2 c0 Z& M
如果是自适应或代码适配,代码:<meta name="applicable-device"content="pc,mobile">0 d3 x6 X8 l- l0 e
2、移动类型提交* t/ b3 D, m9 C$ v% `; b4 h
百度站在平台的设置里,把网站分为了五类:PC站;有对应PC站的移动站;独立移动站;自适应的站点;代码适配的站点。根据站点实际情况进行设置,有利于百度蜘蛛在抓取页面,以及搜索结果的排名(PC站和M站的搜索结果展现机制不一样)
3、MIP引入
MIP(Mobile Instant Page - 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。
MIP HTML 基于HTML中的基础标签制定了全新的规范,通过对一部分基础标签的使用限制或功能扩展,使HTML能够展现更加丰富的内容;MIP JS 可以保证 MIP HTML 页面的快速渲染;MIP Cache 用于实现MIP页面的高速缓存,从而进一步提高页面性能。