最新公告
  • 欢迎您光临苏果儿博客资源站,本站QQ/微博注册登陆即送SVIP果帝会员 立即加入我们
  • 超级蜘蛛池之网站移动版本优化

            其实很久之前就注意到了,看小说的时候发现很多网址前面有个“m.”,当时就怀疑这是移动端的标志了,还曾经试图去掉“m.”看能不能转为PC端的,移动搜索一般指的是手机搜索。Pad、平板电脑类设备通常被视同PC,因为屏幕尺寸和用户体验更靠近PC。

            

    超级蜘蛛池之网站移动版本优化插图

      网页的移动搜索优化分为几种情况:

    1. 有移动版本,并且有专用的与PC版不一样的URL;

    2. 有移动版本,但URL不变,与PC的一样;

    3. 没有移动版本。

       独立URL的移动版本

        在独立的的URL上建立专门为手机优化过的移动版本,移动版与PC版虽然URL不用,页面排版布局页也非常不同,但内容相同,是一一对应的。

       自主适配

          转向,适用于所有搜索引擎。百度建议使用301转向(永久转向),不要使用JS转向;Google表态使用301、302、JS转向都可以,更推荐302(暂时转向)。

          注意:转向要在对应的页面之间进行,不要把所有的页面都转向移动版的首页,会使得搜索引擎无法判断,用户体验也不好。不如不转向,给用户一个排版和体验不怎么样的页面,比给用户一个找不到想要的信息的页面好。

    Meta标注

           技术原因不能做转向,可以用meta标签告诉搜索引擎两个版本之间的对应关系。百度和Google使用的标签不同。

           百度要求在PC版页面HTML代码部分加上meta标注:

    1. <meta name=“mobile-agent” content=“format=html5;url=http://m.domain.com/123.html”>view pl

            即通知百度,本PC页(http://www.domain.com/123.html)对应的手机页面在http://m.domain.com/123.html。

    Google的要求是,在PC页面标注:

    1. <link rel=“alternate” media=“only screen and (max-width: 640px)” href=“http://m.domain.com/123.html”>  

    同时在对应的手机页面(http://m.domain.com/123.html)标注:

    1. <link rel=“canonical” href=“http://www.domain.com/123.html”>   view plai

    Google要求在PC和手机页面同时都要加meta标注。

    对应关系Sitemap

           如果转向、meta都不能做,还可以通过Sitemap通知搜索引擎PC页面和手机页面的对应关系。

           百度:登录百度站长平台,在“其他工具”-“开放适配”部分提交对应关系Sitemap,页面对应关系可以是url级别或者pattern级别的。Sitemap制作方法百度有详细说明:http://zhanzhang.baidu.com/wiki/62.

           Google,可以在PC版本的正常Sitemap中加入同样的rel=“alternate”meta标注,手机页面的rel=”canonical”标注也要保留。

    也可以自主适配、meta标注、Sitemap都做,要注意,转向及标注的URL必须一致。不要出现一个移动页面对应多个PC页面,或一个PC页面对应多个移动页面的情况。

    URL不变的移动版本

           没说的,共用一套代码,针对手机浏览器做的优化主要通过CSS控制布局排版、导航的简化,以及JS控制广告、侧栏等的删减。即响应式设计。

           注意:不要禁止搜索引擎抓取CSS、JS及图片文件,不然搜索引擎无法判断页面在手机端是否易用。

           长远来看, URL不变的移动版本最为理想:

    1. 网站维护更简单;

    2. 用户分享更方便,信号集中在一个URL;

    3. 不用转向,避免了过程中出错,影响用户体验, 速度也更快。

           如果要使用URL不变的移动版本,目前百度建议在自适应的页面加上这样的meta标注,帮助度娘理解页面适用于PC和手机,会根据屏幕尺寸调整布局和效果

    1. <meta name=“applicable-device” content=“pc,mobile”> 

             缺点:移动版使用同样的HTML代码,其中有的内容可能在手机上通过CSS隐藏,如导航的简化、减少图片显示、删除侧栏等,然而HTML代码中还存在,浪费了带宽和下载时间。

    没有移动版本

             没有移动版本,PC页面在手机上显示效果也不好,百度和Google的处理方法不一样。

             百度会尽量将网站转码,也就是生成一个适合手机浏览的移动页面,供搜索用户访问,虽然在移动搜索结果中显示的URL、标题等是网站的,用户点击搜索结果后看到的也是网站内容,但实际上用户访问的是度娘服务器上的移动页面,没有真正访问网站页面。

             如果站长不希望页面被转码,可以在页面上加这个meta标签:

    1. <meta http-equiv=“Cache-Control” content=“no-transform”>  

            另一折中解决方法是使用百度的PC网站快速移动化工具:SiteApp(注意和Sitemap区分):http://siteapp.baidu.com/。

            站长添加要移动化的站点域名,选择模板,定制导航,SiteApp就生成一个WebApp。站长再选择一个移动版本的子域名,如m.domain.com,将子域名解析到百度服务器,用户就可以通过移动版本访问手机页面,和前面讨论的独立URL的移动版本是一样的。

           优点:SiteApp有多套模板可供选择,提供后台流量统计、优化工具,更重要的是实时同步PC页面内容,站长无需维护,省时省力。

        缺点:较为简陋,体验不太好。

        Google没有转码机制,对没有移动版本的网站,直接返回PC版本。

        百度如果找不到对应的移动版本,转码效果又不好时,也会直接返回PC版本。

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长![email protected]
    2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
    8. 如用于商业或者违法用途,与本站无关,一切后果请用户自负!

    苏果儿博客 » 超级蜘蛛池之网站移动版本优化

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    苏果儿资源博客
    一个高级程序员模板开发平台

    发表评论

    升级SVIP果帝尊享更多特权立即升级