自适应网站设计百度友好关键:添加applicable-device标签

2019-04-0317:33:55网站运营与SEO优化Comments1,898 views字数 1043阅读模式

很多网站都使用了自适应网页设计(Response-Web-Design),以满足庞大的移动端用户群的需要。但是在技术上设计了自适应的网页之后,出于SEO的考虑,你还要照顾到如何对百度更友好,即告诉百度“我是自适应页面”,方便百度进行识别校验。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

自适应网站设计百度友好关键:添加applicable-device标签文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

自适应网页设计文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

浏览器对自适应识别校验代码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

在自适应网页设计中,我们使用meta标签来告诉浏览器网页的自适应规则。如:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

这个meta,user-scalable=yes 是声明网页可以缩小放大。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

通用搜索引擎对自适应识别校验代码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

这两个meta,no-siteappno-transform,是告诉搜索引擎不要把网页转码。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

自适应网站设计对百度友好的关键文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

其实,使用上面两个meta声明,百度就能识别自适应网页了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

不过,为了对百度更友好,让百度更方便识别校验,我们要再添加一个meta标签。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

方法也很简单,只要在上面viewport标签下面再添加一个applicable-device标签就行:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

<meta name="applicable-device" content="pc,mobile">文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

这个meta标签,表示页面同时适合在移动设备和PC上进行浏览。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

不是所有网站都适合自适应设计文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

自适应网页设计(Responsive Web Design)是指可以自动识别终端设备屏幕的大小从而做出相应调整的网页设计方法。这种网页设计方法完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有4个好处:提升用户体验;PC端和移动端SEO保持一致;避免重复内容和出错内容;链接统一。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

而自适应比较明显的缺陷是,开发成本比较高,尤其是要构建包含额外编程的复杂的自适应网站,所需的时间会比较长。如果网站需求较简单,有许多开源模板可供选择。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

对于已经比较成熟PC网站来说,如果要实现全站的自适应,有可能需要推掉原来所有的代码进行重构,时间和技术成本都比较大,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度,所以现在有很多网站只在移动端实现了响应式布局设计。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/11140.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/youhua/11140.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定