欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
您现在的位置:web记录 > 问题多多 >

您检测的网站不是手机网站

更新时间:2013-09-06 浏览次数:
问题描述:我们的网站做着推广,百度客服说“没有移动网站”,我们有手机网站,把地址给客服,客服回复"手机网站,不符合要求"。
手机网站和普通的网站没有区别的,只是页面小了,应该说没什么问题的,但百度后台检测是”您所测试的网站,不是手机页面“。各种找原因....
解决方法:
加一条mate属性:
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
这条语句的意思:
  1. 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。  
  2. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">     
  3. width viewport的宽度 height viewport的高度   
  4. initial-scale 初始的缩放比例  
  5. minimum-scale 允许用户缩放到的最小比例   
  6. maximum-scale 允许用户缩放到的最大比例  
  7. user-scalable 用户是否可以手动缩放 
传统网站和手机网站的区别有两个:
  1:网页协议,就是我们常说的wap(无线应用协议)。目前wap已经发展到了2.0,也就是xhtml mobile,也就是我们能够用普通浏览器就能看的手机网站。而用普通浏览器不能看的手机网站一般都是wap1.0.WML,貌似现在已经过时,所以现在做一个比较时髦的wap2.0的网站。
  2:网页大小,要做到需要手机屏幕能够阅读的地步,具体多大看你的喜好了,我喜欢180像素宽的页面,长度不限。
  下面我说一下制作步骤:
  鉴别一个页面是不是wap网页在于每个页面源代码最上面的协议声明。一般dede的模板采用的是传统网站的协议,如html 4.01 , xhtml 1.0.我们要做的是把模板的协议手工的给改一下,全部改成xhtml mobile 1.0: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  这样你的网页就变成了手机wap2.0了,搜索引擎的爬虫进来后也认为你这个是一个手机网站了。
http://validator.w3.org/ 输入网址测试后,如果是红字,底下会注明你页面里面哪些有错误。如果是绿字,恭喜你,你的页面就是纯粹的合格的XHTML网站。
关键词:

    + 相关信息

    前端案例

    返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!