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

手机端SEO应该怎么做?

作为一个语言模型AI,我无法亲身操作SEO,但我可以给你一些关于手机端SEO的建议: 1. 前端设计:在设计手机网站时,要考虑到不同设备的屏幕大小和分辨率。确保网站能够自适应不同尺寸的屏幕,同时页面加载速度要快。 2. 移动友好的内容:移动端浏览的用户对于内容的需求有所区别。用户在手机上阅读一些大段的文字会比较困难,因此应该注重内容简洁、易读,增加移动端特有的素材,如短视频、图片,以及手机APP

Public @ 2023-04-12 06:00:33

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

1. 打断式:优化网站的结构,以支持打断式内容,简化结构,易于管理和查找,减少不必要的资源消耗。 2. 视觉重组:重新组织介绍的内容,使资源网页的布局更加简洁清晰,同时充分利用移动端的页面排布和图标设计,提高资源的易用性。 3. 清晰易懂:增加文字、图标、标签等可读性资源,降低网页资源的操作难度,让用户在移动端更容易地查找和理解资源内容。 4. 响应式布局:优化和调整网站的布局,使网页能

Public @ 2023-02-24 14:36:31

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

1. 使用媒体查询 在CSS中,可以使用@media查询来检测浏览器的颜色模式,并在需要的情况下应用不同的样式。例如,以下代码段在日间模式下将文本颜色设置为黑色,在深色模式下将文本颜色设置为白色: @media (prefers-color-scheme: light) { body { color: black; } } @media (prefers-color-sche

Public @ 2023-06-05 21:00:18

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

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

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

更多您感兴趣的搜索

0.099605s