Categories


Tags


什么是自适应网站?自适应站点对百度友好设计

什么是自适应网站?

指的是网页通过不同大小终端设备自适应显示,根据屏幕大小、宽度自动调整布局,自适应也可以叫响应式。自适应网站是HTML5的新技术。

自适应网站的优点:

1、在PC端、手机端和IPAD端都是采用一套代码。

2、不需要另外申请其他的域名,一个账号码管理一个后台。

3、有效避免网页内容重复,可以专心维护一个网页。

4、网站优化更简单,对搜索引擎友好。

自适应站点对百度友好设计

1、applicable-device标注写法

自适应网页对搜索引擎友好,告诉百度“我是自适应页面”方便百度进行识别校验。

applicable-device标签写法在viewport标签下面添加即可:

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

告诉百度该页面可以同时在移动设备和PC上进行浏览。

2、在百度站长平台链接提交工具的Sitemp进行提交时,注意要给mobile type做标记。

写法:<mobile:mobile type="pc,mobile"/>

其他网页取值如下:

<mobile:mobile/> :移动网页

<mobile:mobile type="mobile"/> :移动网页

<mobile:mobile type="htmladapt"/>:代码适配

无该上述标签表示为PC网页。

自适应网站能够给用户带来更好的浏览体验,网站建设需要考虑页面布局。当然自适应设计目前价格相对比较高,如果网站的要求的版面相对比较复杂的话,消耗的时间会比较长,比较适合单栏或双栏等简单版面网站。

阅读本文的人还可以阅读:

来源:搜外网


Public @ 2011-05-13 15:20:31

移动端网站建设用户体验度给予额外的优待有哪些

用户体验度属于增益项,只有当页面在可读性和资源及功能易用性上表现较好时,百度排序时才会考虑体验增益性。移动端网站建设用户体验度给予额外的优待:1、提供访问路径上的增益,例如:页面提供有效的导航或面包屑,能够去往上一级或下一级页面;2、生活服务类网站,提供效率上的增益,例如:电话可拨打、地址可定位;3、查询类网站,提供输入方式上的增益,例如:支持语音输入、图像输入、扫码功能等;4、阅读类网站,提供体

Public @ 2022-07-30 15:20:05

移动端网站建设如何提高资源的易用性

移动端网站建设提高资源的易用性:按照页面主体内容载体的不同,资源易用性的标准会有较大的不同:1、文本页面:页面提供的内容应清晰完整,有精良的排版。文本页面包括文章页、问答页、论坛页等;2、Flash:Flash 是移动设备上不常用的资源形式,应避免使用;3、首页或索引页:页面提供的导航链接应清晰可点,页面推荐的内容应清晰有效;4、APP下载:APP应提供直接下载,且下载的为最佳版本;百度严厉打击欺

Public @ 2020-01-06 16:20:34

自适应网页设计的方法

昨天中午Google进行了一次在线讲座,讲述自适应网页设计的概念和方法,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验,这里我将该讲座内容简要的整理一下。1、在HTML头部增加viewport标签。在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:<me

Public @ 2017-11-03 15:20:29

手机网页自适应深色模式适配

近几年,各个主流操作系统都逐渐开端注重深色方式,从而改善用户在环境光亮低时的阅读体验。很多手机APP应用都已经对深色模式进行了支持,常用的手机应用也在 App Store 的政策压力下对深色模式进行了适配。那么,对于手机网站来说,是否也能支持自适应浅色模式和深色模式,本文将介绍一下手机网页如何开发自适应深色模式适配。既然有了系统层级的适配,手机网站的页面就可以读取深色方式开关,从而完成网页的自顺应

Public @ 2009-09-11 15:20:28

更多您感兴趣的搜索

0.458784s