• 海淀区公布第四批77处区级文物保护单位 2019-08-18
  • 互助献血成有偿兼职 揭秘新型“血头”的“生财术” 2019-08-02
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2019-08-02
  • 调查:约四成台湾幼儿园孩童每天使用手机逾30分钟 2019-07-17
  • 2019-07-17
  • 第二届加强创新和社会管理案例理论论坛暨社会管理创新案例颁奖典礼 2019-07-14
  • 光明网招聘时事新闻分析编辑 2019-07-14
  • Premiê chinês reúne-se com a imprensa 2019-07-11
  • 习近平:真抓实干埋头苦干万众一心 夺取脱贫攻坚战全面胜利 2019-07-11
  • 紫光阁中共中央国家机关工作委员会 2019-07-05
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2019-07-05
  • 铜梁:原乡风情墙画扮靓山村 2019-07-04
  • “游、购、娱”持续升温 中国经济内生动力表现强劲 2019-07-04
  • 英国政治家威廉·皮特说得好:百姓的茅草房,风可以进,雨可以进,国王不可以随便进。 2019-07-03
  • 世界第一长航班将于今年10月重启 从新加坡到纽瓦克 2019-07-02
  • 拜仁慕尼黑2019阵型:mobile-agent 写法让搜索适配手机网站还是电脑网站版本

    META标记解决蜘蛛访问识别问题
     
    以上的UA设置并没有写入任何的蜘蛛UA,因此,蜘蛛访问,特别是移动蜘蛛访问就需要很好的去引导它们。
     
    谷歌开放适配规则
     
    对应URL举例:
     
    PC电脑网站: //www.mvcxr.com/
     
    手机网站版本: https://m.yiyada.com/
     
     
    mobile-agent 写法
     
    在PC页面Meta写法
     
    1
    <link href=https://m.yiyada.com/" rel="alternate" media="only screen and (max-width: 640px)" />
    注意:这里640px是移动设备的最大宽度,这里谷歌只是一个举例,当屏幕宽度小于640px的时候显示移动站点。这里应该改成你的实际数据。
     
    在移动页面Meta写法
     
    1
    <link href="//www.mvcxr.com/" rel="canonical" />
    这个是告诉谷歌蜘蛛我的移动首页对应的PC页面地址是什么。
     
     
     
    以上两个例子均是以首页PC和M作为栗子说明,其他页面也是一样的原理,请酌情处理。
     
     
     
    2.百度开放适配规则
     
    百度提供了三种适配方法:1.自主适配。2.META标注。3.提交对应sitemap。实际META标注是最简单成本最低的方式。
     
     
     
    在PC页面Meta写法
     
    1
    <meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
    说明:format后面的xml,xhtml,html5是移动站使用的技术,这个根据实际情况选择,后面的URL则是对应的移动页面URL地址。那么将meta写入页面就类似如下:
     
    1
    <meta name="mobile-agent" content="format=xhtml; url=https://m.yiyada.com/">
    <link rel="alternate" media="only screen and(max-width: 640px)" href="https://m.yiyada.com/">
    上面的例子是拿手机首页作为一个栗子,其他页面依样画葫芦即可。
     
    在移动页面Meta写法
     
    百度META标注无需在移动端做任何标识。
     
     
     
    三.最后的总结
     
    UA判断识别,服务器端过滤了蜘蛛的识别仅仅判断用户,为的是避免影响蜘蛛抓取
     
    所以才针对谷歌和百度做了针对性的蜘蛛识别跳转。
     
    自适应网站的适配非常简单在head区域添加
     
    1
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    并且为了百度识别还应该添加
     
    1
    <meta name="applicable-device"content="pc,mobile">
    表示页面同时适合在移动设备和PC上进行浏览。
     
     
    <meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
    <meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
     
    html5实现移动端适配完美写法
     
    在pc版网页(//pc_url) 上,添加:
     
    <linkrel="alternate"media="only screen and(max-width: 640px)"href="//pc_url">
    在移动版网页(//mobile_url) 上,所需的注释应为:
     
    <linkrel="canonical"href="//mobile_url">
    之前的Meta标记(mobile agent)会继续沿用,但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式:
     
    <metaname="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
    html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么,不是自动当设备切换到手机时自动跳转的.若实现自动跳转还需要js.

  • 海淀区公布第四批77处区级文物保护单位 2019-08-18
  • 互助献血成有偿兼职 揭秘新型“血头”的“生财术” 2019-08-02
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2019-08-02
  • 调查:约四成台湾幼儿园孩童每天使用手机逾30分钟 2019-07-17
  • 2019-07-17
  • 第二届加强创新和社会管理案例理论论坛暨社会管理创新案例颁奖典礼 2019-07-14
  • 光明网招聘时事新闻分析编辑 2019-07-14
  • Premiê chinês reúne-se com a imprensa 2019-07-11
  • 习近平:真抓实干埋头苦干万众一心 夺取脱贫攻坚战全面胜利 2019-07-11
  • 紫光阁中共中央国家机关工作委员会 2019-07-05
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2019-07-05
  • 铜梁:原乡风情墙画扮靓山村 2019-07-04
  • “游、购、娱”持续升温 中国经济内生动力表现强劲 2019-07-04
  • 英国政治家威廉·皮特说得好:百姓的茅草房,风可以进,雨可以进,国王不可以随便进。 2019-07-03
  • 世界第一长航班将于今年10月重启 从新加坡到纽瓦克 2019-07-02
  • 江西时时中奖 澳洲幸运8开奖网 北京赛记录直播 福彩app是骗局吗 重庆时时宝宝计划 新时时中3走势图 重庆时时的正规网址 体彩p3试机号 七星彩走势图浙江采 群英会复式投注价格表 街机电玩捕鱼下分版 481彩票网手机客户端 秒速时时f97.com 下载辽宁12选5app 山东时时11选5开奖结果 北京快3一定牛和值走势图