资讯中心
News
移动手机网站制作的常用方法
发布时间:2019-01-22 13:15   您所在的位置: 网站首页 > 新闻资讯 > 建站知识

随着智能手机的普及,已经有越来越多的网站开始打造移动站,从2014年8月份开始,百度调整了移动搜索排序算法,使得手机站的排名得以大幅度提升。x下面八梦网络工作室为大家介绍几种手机网站制作方法。

一、手机网站制作的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,尽量去除与页面内容无关的参数,如用来区分手机型号、区分访问用户,方便统计等的参数。例如:http://seo.mahaixiang.cn/

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

例如马海祥博客手机站的源码中含有如下keywords标签:“<meta name="keywords" content="seo思维,seo博客,新型seo,网络营销,医疗seo,医院seo" />”

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

例如马海祥博客手机站的description描述:“<meta name="description" content="SEO思维博客就是要帮助初学seo的创业者,如何在网站制作的同时把seo技术、网页优化、网站管理、团队合作以及多方面的因素融合到sem网络营销中,把周围接触到的新鲜事物敏锐的跟seo联系起来,全方位展示给访客最新的、最有价值的信息,进而从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果-http://www.mahaixiang.cn" />”

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

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

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

9、标题描述清晰最好包含主站和频道信息。

首页:网站名称或者网站名称_提供的服务或者产品介绍;

频道页:频道名称_网站名称;

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

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

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

11、网页链接指向的url最好是正常格式的目标url,而不需要中间跳转。

12、改版或者换域名的时候,为了保证老用户不流失,希望旧网页可以301永久定向到新内容,新老内容映射尽量简单,换域名时,如果能够做到路径不变,则负面影 响面会更小,而且影响时间也会更短。

比如:mahaixiang.cn/abc/abc.htm –> 301跳转到 –> mahaixiang.cn/abc/abc.htm

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

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

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

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

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

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

“<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">”

wml协议的手机页面可以使用如下DOCTYPE:

“<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">”

而HTML5协议的DOCTYPE为:

“<!DOCTYPE HTML>”

以上便是百度官方发布的18个手机站优化技巧,我们可以根据这些要点来逐步规范我们的手机站点,提升手机站的排名及流量。

本文章由新概念互动原创,如没特殊注明,转载请注明来自:http://www.jianzhan0.com/zhishi/49201.html