百度Site App：零成本电脑PC站变手机网站-搜推网

百度Site App：零成本电脑PC站变手机网站

发布时间：2016-05-12

今天分享一个利用百度Site App，让自己的pc网站瞬间变成手机网站，还可以做成手机APP，效果非常的强大，小编很久前就用过，那时好像后台还没有完善，操作起来老是卡死，现在基本可以了，闲话少说，让我们进入正题！

1：打开百度开放服务平台
官方网站 http://siteapp.baidu.com/，注册了一个百度账号就可以进去，点击顶部添加站点，输入自己的域名，提交站点，显示域名可用，点击右上角下一步。

百度siteapp添加站点

2：定制效果样式
填写

WebApp名称

webAPP名称，就是手机网站的的title名称，选择一个模板，适合你自己网站类型的，一般都是头部导航，中间是幻灯片，下面图片+文字的资讯类，这个比较适合企业网站模板，最下面有配色按钮，选择符合你网站产品类型的颜色。

百度siteAPP 定制样式

3：定制导航
这里可以对网站首页的各个栏目名称和对应的超链接进行修改增加删除，有些PC网站导航过多，在手机界面没法完整显示，可以筛选一些重要的栏目放在导航顶部，一般是6个栏目，每个栏目名称字符少于等于4个汉字，

百度siteapp定制导航

4：全局设置
这里主要设置网站的联系方式，商务组件样式百度已经设置好了，只需要自己设置需要的联系方式，电话号码，所在的位置，支持在线直接调用手机通讯录进行拨打号码，增加用户咨询转化率，设置好后，点击下一步。

百度siteapp全局设置

5：验证权限
最后第二步验证权限，证明这个网站是你的，下载验证文件放在ftp根目录下面，点击开始验证，如果没有ftp权限，也可以登录后台进行首页模板文件的修改，进行验证。

百度siteapp 验证权限

6：绑定手机域名
最后一步绑定一个手机域名，常见的手机网站为 m.xxx.com或者 wap.xxx.com，在pc网站首页head头部加上一段跳转代码如
（<script type="text/javascript"> (function () { var sUserAgent = navigator.userAgent; if (sUserAgent.indexOf('Android') > -1 || sUserAgent.indexOf('iPhone') > -1 || sUserAgent.indexOf('iPad') > -1 || sUserAgent.indexOf('iPod') > -1 || sUserAgent.indexOf('Symbian') > -1) { location.href = 'http://m.xxx.com'; } else { } })(); </script> ）
把其中的http://m.xxx.com修改为自己的手机域名即可。

百度siteapp 绑定移动域名