爱站屋资源- 一生为免费为站长提供SEO网站优化网络优秀资源分享 申请友链 我要投稿  
广告位

网站首页 SEO优化 正文

跳转适配,代码适配,自适应三种方式的对比

爱站屋 2018-11-24 SEO优化 227 ℃ 0 评论

目前主流的移动站的适配方式有三种,分别为:跳转适配、代码适配、自适应,下面我们一起来看看这三种方式的名词解释。

跳转适配,代码适配,自适应三种方式的对比 SEO优化 第1张

1、跳转适配。
该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用HTTP重定向和VaryHTTP标头重定向到相应的页面。Pc和移动网址是不一样的,一般都是使用m.的二级域名。
为了让百度更好的了解单独的移动版网址,需要使用如下注释:
在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。
在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。
例如,假设pc版网址为https://www.tianchenw.com/,且对应的移动版网址为 https://www.tianchenw.com/wap,那么此示例中的注释如下所示:
在pc版网页(https://www.tianchenw.com) 上,添加:
<link rel="alternate" media="only screen and (max-width: 640px)"     href="https://www.tianchenw.com/wap" >
而在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:
<link rel="canonical"href="https://www.tianchenw.com/" >
在pc页面增加代码是告诉pc跳过来是移动的,在移动页面加代码是表明移动的对应的是pc,增加代码的识别,便于识别它们是一个页面,便于蜘蛛爬行和检测。
注:加在<head></head>里面。

2、代码适配。
该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的HTML。
通过终端设备ua进行判断,若是移动设备访问,那么就会返回给你一个移动端形式的网页,反之会返回一个pc端的网页,而两种网页所对应的代码是不一样的。
为了更好的识别,需要加如下代码:
在pc的相应的head中添加:
<meta name="applicable-device" content="pc">
在移动的相应的head中添加:
<meta name="applicable-device" content="mobile">

3、自适应
通过同一网址提供相同HTML代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。
使用自适应,网站的网页会根据你浏览器窗口的大小按照不同的比例来展示,比如说你在pc上打开某一个网页,当你把浏览器窗口缩放,就会根据浏览器的宽度,自动调整网页内容大小,一般代码的情况是HTML一样,css不一样。
自适应设计有其一般原则:在head添加以下代码并且使用<picture>元素处理自适应图片:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
自适应页面还应该在head中标识:
<meta name="applicable-device"content="pc,mobile">
表示页面同时适合在移动设备和PC上进行浏览。

跳转适配,代码适配,自适应三种方式的对比 SEO优化 第2张

百度仅站在搜索引擎角度对跳转适配、代码适配、自适应这三种配置方式做了一些对比和分析,希望能够帮助站点选择更适合自己、性价比最优的方式来进行移动化。

跳转适配,代码适配,自适应三种方式的对比 SEO优化 第3张

要如何判断这三种方式呢?
Pc端和移动端的网址不一样,那么可以判断为跳转适配。
代码适配是网址一样,代码不一样。若网址一样,那么借助模拟移动端插件查看pc端和移动端的代码,代码不一样可判断为代码适配。
自适应是网址代码都一样,若网址一样,可借助插件来对比代码是否一样来判断。另外,我们还可借助浏览器来判断,在pc端上打开网站,在不开启模拟移动端访问插件的情况下,将浏览器窗口不断变化,网页会按照不同的比例来展示,那么可以判断为自适应。


Tags:站长资讯建站技术整体优化SEO优化技术内容seo爱站屋seo草根站长内蒙古SEO

< 第十二网宣 >
如有密码均为:di12.com
学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站资源软件和源码 文章大部分为网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ:1400000222  官方QQ群:558413792

本文暂时没有评论,来添加一个吧(●'◡'●)


欢迎 发表评论:

搜索
最近发表
网站分类
«   2019年2月   »
123
45678910
11121314151617
18192021222324
25262728
友情链接
作者列表
标签列表
文章归档

推荐网站

  • 爱站屋seo博客
  • 爱站屋seo博客
  • 网站收藏
    最新留言
    控制面板
    您好,欢迎到访网站!
      查看权限
    站点信息
    • 文章总数:494
    • 页面总数:1
    • 分类总数:10
    • 标签总数:58
    • 评论总数:199
    • 浏览总数:64621
    导航栏

    分享:

    支付宝

    微信