成都网站建设设计

将想法与焦点和您一起共享

手机移动端网站制作与传统网站建设的区别

移动站点的设计仍处于初步阶段。Jakob Nielsen在2009年移动可用性调查时指出,相比与网页站点80%的成功率,用户使用移动设备查看移动站点时平均成功率只有64%, 形式要素的差异对用户交互成功率的影响是巨大的,因此,在进行移动站点的设计时要充分考虑移动设备的形式要素,

随着智能手机的普及,已经有越来越多的网站开始打造移动站,从今年8月份开始,百度调整了移动搜索排序算法(具体可查看马海祥博客《百度移动搜索冰桶算法上线带给了我们什么信息》的相关介绍),使得手机站的排名得以大幅度提升。

同时,这也使得手机站的优化越来越重要,下面马海祥整理了百度对手机站的一些建议和技巧,借此也在马海祥博客上跟大家分享一下,希望大家能仔细阅读,相信一定会对站长有所帮助的。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册网站空间、营销软件、网站建设、铜山网站维护、网站推广。

一、手机网站制作的2个常用方法

对百度来说这种情况就复杂了许多,目前,可以通过以下2种方法来建设一个对百度友好的手机站:

1、加入百度移动开放平台,也就是做个二级域名cname到百度指定的移动平台上,比如百度免费提供的Site App功能,那么就会自动生成一个移动站。

2、根据百度页面优化协议建立独立的手机站点,该协议与百度移动开放平台是相辅相成的,但也可以独立出来使用,在HTML上添加该协议,Baiduspider会抓取适应手机端的结果展示。

二、利用第三方平台自动生成手机站

在马海祥看来,如果你使用第1种方法,可直接安装百度移动平台的步骤提示填好要求就好,相对来说比较制作比较简单,其优势有如下几点:

1、网站对移动端的零维护成本

Site App免费帮助您生成webapp站点适配到移动端,内容更新即时同步pC站,无须进行2套内容维护及管理,极大降低维护成本。

2、多套模板风格自由选

平台打造论坛模式及多套精美模板,拥有电话、短信、地图等多种的组件以及不同交互方式站点样式,您可以根据站点特点自由选择搭配打造个性化的WebApp。

3、移动流量变现

SiteApp提供百度移动推广物料绑定服务,助您实现移动流量变现。

4、助力无线搜索排名

免费的Site App建站平台专为手机终端所设计的WebApp在内容可用性,浏览,操作的易用性上都具有优势,将更易获得移动搜索排名提升。

5、SiteApp将为站点提供默认访问地址
建站时,不必完成移动域名部署,可直接将站点提交审核。通过审核的站点,即刻生效,所有站点将免费获得默认访问地址。

但不足之处也有以下5点:

1、生成的移动站访问速度偏慢。

2、App使用时不是很流畅,点击一下,要过2秒才反应。

3、生成的App不能在非越狱的ios设备运行。

4、自定义功能使用起来不是得心应手。

5、大多都是一些模板式的网页,无法根据自己的意愿来随便修改。

三、搭建独立的手机站点

如果使用第2种方法,到可以自定义自己手机站是样式及布局,但其网站制作的要求也相对比较严格一点,对此,马海祥建议大家不妨先看下百度发布的手机站优化的要求:

1、域名尽量简短,越短的域名,用户记忆成本越低。

2、robots限制放开,百度spider的爬虫UA是Baiduspider(www和wap一致),个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile。

3、对内容组织,最好能通过二级域名或者目录区分,使用规范、简单的url,尽量去除与页面内容无关的参数,如用来区分手机型号、区分访问用户,方便统计等的参数。

4、网站首页或者频道首页的网页代码中最好加上keywords属性的meta标签,内容中列举该网页或该频道的关键字,多个关键字之间以逗号分隔。

5、网站首页或者频道首页的网页代码中最好加上description属性的meta标签,内容中列举该网页或该频道的描述信息,对搜索结果的展现(摘要)大有帮助。

例如马海祥博客手机站的description描述:“网站制作的同时把seo技术、网页优化、网站管理、团队合作以及多方面的因素融合到sem网络营销中,把周围接触到的新鲜事物敏锐的跟seo联系起来,全方位展示给访客最新的、最有价值的信息,进而从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果

6、减少内容死链,如果没有内容,最好http状态码指定,比如404、403等;如果内容死链希望重定向到首页,最好通过301跳转,不要使用javascript跳转。

7、网站应该有清晰的结构和明晰的导航,建议采用树形结构,大致可以分为三个层次:首页> 频道页> 内容页,每个页面应该有指向上级、下级以及相关内容的链接。比较合理的网站应该是一种扁平的树形结构。

8、页面最好有mypos导航信息,能够帮助用户和搜索引擎方便的定位当前网页在网站中的位置:类似百度知道 > 电脑/网络 > 操作系统/系统故障 > Windows7 > 当前浏览内容。

9、标题描述清晰最好包含主站和频道信息。
首页:网站名称或者网站名称_提供的服务或者产品介绍;
频道页:频道名称_网站名称;

内容页:内容标题_频道名称_网站名称。例如:“seo是什么_seo优化_马海祥博客”

10、控制子域名的数量,子域名数量过多时,优质域名下的资源可能会被普通域名淹没。

例如:不要使用用户ID作为二级域名:user.mahaixiang.cn,其中user是某个用户的帐户。

11、网页链接指向的url最好是正常格式的目标url,而不需要中间跳转。
12、改版或者换域名的时候,为了保证老用户不流失,希望旧网页可以301永久定向到新内容,新老内容映射尽量简单,换域名时,如果能够做到路径不变,则负面影 响面会更小,而且影响时间也会更短。

比如:cdcxhl.com/abc/abc.htm –> 301跳转到 –> cdcxhl.com/abc/abc.htm

13、如果站点做了高、低端机适配,最好按照域名进行区分,例如:www.cdcxhl.com适配到高端机最好302到i.cdcxhl.com,低端机到3g/m/wap.cdcxhl.com。

14、根据手机终端的发展趋势,我们鼓励站点进行多版本建设,使用html5和xhtml建站,站点进行不同版式的自动适配。

15、对于高版本的手机站,建议页面按照屏宽适配,主要内容直接展示在页面中,减少折叠形式,且避免被浮层广告或弹框遮盖,此外,还要确保页面中的下载、视频等功能可正常使用。

16、对于移动站点,当baiduspider ua或者其它无法确定来源的ua访问时,建议默认情况下直接返回html5或xhtml类型的移动页面,不要重定向到pC页面。

17、 网页源代码中,请使用规范的、符合标准的xhtml/html5/wml协议和javascript,不使用仅有个别浏览器支持的特性。

18、手机页面进行合适的DOCTYpE声明有助于搜索引擎识别该页面是否适合手机浏览。 声明位于文档中的最前面的位置,处于 标签之前。例如xhtml协议的手机页面中可以使用如下DOCTYpE:
“”
wml协议的手机页面可以使用如下DOCTYpE:
“”
而HTML5协议的DOCTYpE为:

“”

以上便是百度官方发布的18个手机站优化技巧,我们可以根据这些要点来逐步规范我们的手机站点,提升手机站的排名及流量。
其实很多人对于手机App只是略懂一点,对于移动手机App与网站的区别他们不是很清楚,下面我们就来了解一下展示型app和普通网站到底有什么区别,  普通网站和展示型app风格有“详”与“简”的区别。普通网站展现的是企业全面详细的信息,它的特点就是面面俱到;而手机网站是居于电话、短信、定位、分享、留言等基本功能的网站,它只展现企业的核心信息,针对性和目的性强,传输数据量小,访问速度快,这些特点更有利于其在手机终端发挥营销价值。
新闻名称:手机移动端网站制作与传统网站建设的区别
网站路径:http://chengdu.cdxwcx.cn/article/sjhdje.html