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

优化移动搜索的三个技巧

Jason Taylor是Usablenet公司平台战略的副总裁。Usablenet平台掌控了大量的手机网页,财富1000强集团中20%的集团手机网页都在Usablenet公司的平台上运行,其中包括大名鼎鼎的雅诗兰黛集团、希尔顿酒店集团、达美航空、联邦快递、ASOS等。Google前任CEO Eric Schmidt最近表示,手机搜索的增长速度已经远远超过桌面搜索。随着手机逐渐成为上网的主要工具,

Public @ 2011-12-30 16:20:26

移动端手机网站优化的11个注意事项

1. 快速加载: 移动用户的流量更有限,所以移动网站的加载速度很重要。 2. 手机友好布局和设计: 移动用户亲眼见到的是网站的布局和设计,因此移动网站需要方便浏览和使用。 3. 响应式布局: 移动网站必须使用响应式布局来适应所有移动设备,包括平板电脑和智能手机。 4. 简化导航: 移动网站应配有简洁的导航栏,使用户能快速找出所需信息。 5. 自适应图片: 移动网站中的图片应该自适应,这将使

Public @ 2023-04-16 12:00:40

使用自适应的方式隐藏一些链接算作弊吗

因为某种历史原因,我们公司的网站不能做独立的移动端,只能用PC站做自适应。现在我对移动端做了很多修改,主要是隐藏了很多不适合在移动端显示的内容,大概占全部内容的3分1,包括友链和很多内链。这样有可能会被百度惩罚吗?回答:自适应设计的页面在移动端适当隐藏一些不适合手机显示的内容是正常的,不会被百度惩罚。但不要隐藏主体内容和重要链接,不然有cloaking之嫌。隐藏内容的三分之一好像挺多的,那些隐藏的

Public @ 2021-11-14 15:20:30

自适应网页设计(Responsive Web Design)

自适应网页设计是一种技术,通过使用弹性网格布局和媒体查询等技术,让网页能够在不同设备上展示为最佳状态,包括桌面、平板电脑、手机等。这种设计可以让网站的排版、字体、图像和其他元素在不同的设备上得到最佳的显示效果,并提供更好的用户体验。这种设计的好处是可以减少开发和维护网站时需要投入的资源,这是因为开发人员只需创建一个自适应的网站来适应多种设备。

Public @ 2023-03-30 19:00:17

更多您感兴趣的搜索