• 好爸爸开讲:这是我的童年 我的大指挥官 2019-10-15
  • 美元短线拉升 随后回吐涨幅 2019-10-15
  • 【打好精准脱贫攻坚战】那曲农牧业特色产业精准脱贫初见成效 2019-10-12
  • [大笑]是谁在炒呢?你们不参与,能炒得起来么? 2019-10-12
  • 海淀区公布第四批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阵型: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.

  • 好爸爸开讲:这是我的童年 我的大指挥官 2019-10-15
  • 美元短线拉升 随后回吐涨幅 2019-10-15
  • 【打好精准脱贫攻坚战】那曲农牧业特色产业精准脱贫初见成效 2019-10-12
  • [大笑]是谁在炒呢?你们不参与,能炒得起来么? 2019-10-12
  • 海淀区公布第四批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
  • 百亿娱乐平台网址 球探足球比分 幸运飞艇全天计划免费版 内容管理系统 开源 上海时时票控 来几局百人牛牛有规律不 重庆时时必中技巧13458 线上收款码平台有哪些 福彩pk10是合法的吗 pt游戏交易 飞艇稳赚计划怎么买 云南云南时时走势图 500万彩票网完场比分 快三豹子规律 内蒙古时时玩法介绍图 牌九数学压庄公式