平时制作移动站,一般有三种方式,跳转适配代码适配自适应。三种方式都可以制作手机网站。比如一个代码适配的网站,手机访问返回手机端的页面,pc访问返回pc的页面。因为代码适配的网站,网址是一样的。如果用缓存服务器,那么应该返回那个页面呢?同样对于百度蜘蛛来说,虽说有针对移动端的蜘蛛,但好还是表明一下,这页面是什么类型的页面。这里总结以下,需要注意的地方。

电脑手机电脑手机


代码适配网站需要注意的地方

页面本身要表明页面的类型适是pc的页面,还是移动的页面
pc页面可以写

<meta name="applicable-device" content="pc">

mobile页面可以写

<meta name="applicable-device" content="mobile">

还需要注意的地方 http报文中的 vary设置
比如在nginx服务器中加入一行设置

add_header Vary "Accept-Encoding, User-Agent";

Vary 意思是可变的, 因为代码适配是通过判断 User-Agent 来返回不同的页面。所以就可以告诉百度蜘蛛或者代码服务器,这个页面是根据不同的代理(User-agent)返回的页面是不同的。这样百度蜘蛛或者代理服务器就可以正常的处理这个页面了。

自适应的页面就比较简单

<meta name="applicable-device"content="pc,mobile"><meta name="viewport" content="width=device-width, initial-scale=1.0">

一行代码,就说明了。这个页面是可以在电脑上看,也可以在移动端看。二行是给浏览器看的,可以更好的显示网页。

代码跳转页面需要注意的地方

代码跳转页面,和前两种方式比较。不同的地方是,手机端和移动端页面的地址是不同的,这里就有个对应的问题。需要表明的是,手机端对应的移动端的页面是什么,移动端对应的手机端的页面是什么。

移动端的页面添加

<link rel="canonical"href="移动端对应的pc页面的url" >

pc端填写

<link rel="alternate" media="only screen and (max-width: 640px)" href="pc对应的移动页面的url" >

总结以下 就是 网页本身,就应该表明这是个什么页面

PC与WAP适配关系:

目前较流量的PC站与移动站配置方式有三种,百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自适应,以下为这三种配置方式的名词解释及异同对比。

1,跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。

2,代码适配:该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。

3,自适应:通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。


PC、移动网址是否一致PC、移动网页代码是否一致
跳转适配
代码适配
自适应

百度官方正文:https://ziyuan.baidu.com/college/courseinfo?id=156

 

扩展内容

在2016年以前,以下代码可以用来禁止搜索引擎转码

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

 

但大概在2016年开始,以上代码已失效,取而代之的,就是下面的代码:

<meta name="applicable-device" content="pc,mobile">
<meta name="MobileOptimized" content="320"/>
<meta name="HandheldFriendly" content="true"/>

 

想要禁止搜索引擎转码自己网站的站长们,可以试试以上代码!


<meta name="applicable-device" content="pc,mobile">的更多相关文章

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

    平时制作移动站,一般有三种方式,跳转适配,代码适配,自适应。三种方式都可以制作手机网站。比如一个代码适配的网站,手机访问返回手机端的页面,pc访问返回pc的...

  2. Error 5001拒绝访问错误,网站配置未生效

    今天兴致勃勃地想倒腾一个新站点,首先我一直使用的是百度云加速来进行对域名的解析处理,但是当我在宝塔采用一键部署架设好网站网站后,却发现提示Error 5001拒...

  3. centos下利用百度网盘备份网站

    前言:当一个网站数据文件到一定程度的时候,备份变得尤为重要。一般的站长会习惯把网站数据备份到本地的服务器上,但是如果发生了什么意外,服务器上的文件丢失...

  4. OneNav一为导航主题详细安装教程

    主题简介:【One Nav】概述:One Nav 主题又称“一导航主题”,集网址、app、资源、书籍、影视等内容导航于一体,各模块可单独使用,互不影响。官网:https://ww...

  5. 极致CMS限制某会员发布数量限制

    近期在群里有看到有一些群友网站被人恶搞,可以通过一些设置来对网站发布文章门槛进行设置a.可以单独对网站某个用户的账号进行禁止发布文章,其他账号不受影响,...

  6. 怎样看网站是否给攻击了?

    什么网站会被攻击,离不开几种情况,除了得罪人这条你自己心知肚明,剩下无非就是同行搞竞争,二是黑客为了搞灰产增业绩,给你网站上挂马来指向菠菜X站之类的,三...

  7. 宝塔对IIS配置进行优化处理

    宝塔Windows面板安装完 IIS后,默认不是最优化状态,需要进行一些配置和参数修改,来达成优化状态。文章目录隐藏IIS队列长度IIS回收设置IIS故障防护IIS工作进程I...

随机推荐

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

    平时制作移动站,一般有三种方式,跳转适配,代码适配,自适应。三种方式都可以制作手机网站。比如一个代码适配的网站,手机访问返回手机端的页面,pc访问返回pc的...

  2. cscms v4会员模块标签详细调用方法

    1、通用调用最新会员列表示例:(全站通用){cscms:usertable="user"field="id,name"sort="addtime"loop="20"order="desc"}[user:name]{/cscms:user}2、推荐会员列...

  3. cscms v4歌曲分类标签详细调用方法

    歌曲一级分类调用方法{cscms:classtable="dance_list"field="*"loop="10"sort="xid"order="desc"} ...循环标签... {/cscms:class} table分类表名 field字段名,单...

  4. 极致CMS列表输出不同数量组合的方法

    1. 奇偶数交替输出不同格式的列表(难度:易)如:第一行的class="left",第二行的class="right"{looptable="article"limit="24"isshow="1"as="v"} {if($v_n%2=...

  5. cscms v4歌曲标签详细调用方法

    //=========以下部分标签支持需要版本大于20150522============歌曲模块调用标签(方法)1、通用调用歌曲列表示例:(全站通用){cscms:dancetable="dance"field="id...

  6. 怎样看网站是否给攻击了?

    什么网站会被攻击,离不开几种情况,除了得罪人这条你自己心知肚明,剩下无非就是同行搞竞争,二是黑客为了搞灰产增业绩,给你网站上挂马来指向菠菜X站之类的,三...

  7. 极致CMS限制某会员发布数量限制

    近期在群里有看到有一些群友网站被人恶搞,可以通过一些设置来对网站发布文章门槛进行设置a.可以单独对网站某个用户的账号进行禁止发布文章,其他账号不受影响,...

  8. CSCMSv4模板标签详细调用说明

    v4后台可以在线生成标签调用下面是V4的基础标签生成方法{cscms:标示table="数据表名称"field="需要显示的字段"loop="20"order="desc"}当前循环序号:[标示:i](从...

  9. 宝塔对IIS配置进行优化处理

    宝塔Windows面板安装完 IIS后,默认不是最优化状态,需要进行一些配置和参数修改,来达成优化状态。文章目录隐藏IIS队列长度IIS回收设置IIS故障防护IIS工作进程I...

  10. cscms V4调用图片实际地址教程

    很多人问V4怎么调用图片的直接地址打开 ./cscms/app/helpers/link_helper.php找到 大概 334行左右/*if(UP_Pan!=&#39;&#39;) {$linkurl=UP_Url;} else{$linkurl...