记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 互联网络

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

作者:Kaka    时间:2015-12-29 10:41:57    浏览:    评论:2

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

自适应网页设计

自适应网页设计

浏览器对自适应识别校验代码

在自适应网页设计中,我们使用meta标签来告诉浏览器网页的自适应规则。如:

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />

这个meta,user-scalable=yes 是声明网页可以缩小放大。

通用搜索引擎对自适应识别校验代码

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

这两个meta,no-siteappno-transform,是告诉搜索引擎不要把网页转码。

自适应网站设计对百度友好的关键

其实,使用上面两个meta声明,百度就能识别自适应网页了。

不过,为了对百度更友好,让百度更方便识别校验,我们要再添加一个meta标签。

方法也很简单,只要在上面viewport标签下面再添加一个applicable-device标签就行:

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

这个meta标签,表示页面同时适合在移动设备和PC上进行浏览。

不是所有网站都适合自适应设计

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

而自适应比较明显的缺陷是,开发成本比较高,尤其是要构建包含额外编程的复杂的自适应网站,所需的时间会比较长。如果网站需求较简单,有许多开源模板可供选择。

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

您可能对如下文章也感兴趣

一天完成把PC网站改为自适应!原来这么简单!

Tags: Baidu  自适应  

加入本站QQ群(312716741),交流分享网站建设、优化、SEO技术。。。

 

上一篇: 快速通道查询:域名是否在百度联盟黑名单里
下一篇: 自适应网页设计代码需要做的6大调整

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009 All Rights Reserved. 粤ICP备09073737号

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009 All Rights Reserved.