Categories


Tags


响应式网页设计与SEO

所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上,目前Google已经明确表明鼓励响应式网页设计。

响应式网页设计与SEO 网站设计 经验心得 第1张

(图一,响应式网页设计)

通常在浏览网页时,手机上和电脑上无法显示同一个网页,这也导致许多网页设计会自动转到特定的链接上,如上图所示,无论在PC端还是移动端,网页的显示其实都是一个版本,会随着屏幕的大小网页而改变。

下面是一些例子:

响应式网页设计与SEO 网站设计 经验心得 第2张

(图二:响应式网页设计例子)

响应式网页设计与SEO 网站设计 经验心得 第3张

(图三:迪士尼公司的网页)

使用自适应网页设计有5个好处:

1, 随着移动设备越来越多,可以提升用户体验。

2, 该设计没有网页版本区分,所以SEO的策略保持一致。

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

4, 保持网页的原有链接。

5, Google也建议优先采用响应式设计,因为无论是什么网页版本都是相同的HTML、相同的内容,Google最容易处理。

响应式网页设计对SEO是友好的,这些相关技术还在不断演化中,还有许多尚待客服的地方。下面来说说它的缺陷:

1, 对老版本IE支持不好,这是一个致命的问题,尤其是IE6,如果你的网站用户大多还采用老版本的IE的话(建议在统计工具里看一下),就不适合做响应式网页设计了。

其实我一直想采用响应式网页设计,从新设计卢松松博客的网页,但看到统计里的老版本IE用户依然很多,只好放弃。

2, 例如一些小游戏站、视频站,如果仅仅是网页采用了响应式设计,但里面的内容依然是只能在PC端打开的话,这时候就要认真考虑了。

国外copyblogger的博客提到了一个很特别的案例,就是迪士尼公司的网页。他说在迪士尼网页中有许多给小朋友玩的网页游戏,有些游戏可以在桌上型电脑玩,但是如果使用移动设备就可以无法使用。因此这个情况下,就必须做出抉择,放弃使用Responsive Web Design,或是修改游戏。

写在最后:

从今年开始,响应式网页设计逐渐流行开来,虽然很热门,但是并没有太多网站采用这类的设计方式。

而关于响应式网页设计技术方面,也越来越简单,有兴趣的朋友可以阅读下《自适应网页设计(Responsive Web Design)》一文。

来源:卢松松博客


Public @ 2023-01-31 15:20:26

移动端优化图片的方法

1. 利用css3 媒体查询,根据屏幕大小调整图片大小。 2. 使用响应式图片的策略,将不同尺寸的图片放入不同的标签中,根据 CSS 的媒体查询,在移动端上使用'width'为'100%'的样式实现图片缩放。 3. 使用懒加载图片技术,可以有效地提高网站访问性能,减少首页加载时间,提升用户体验。 4. 要谨慎选择合适格式的图片,尽量采用jpg或者webp格式,减小图片资源大小,提升网页加载速度

Public @ 2023-02-24 02:24:22

未来的SEO:移动优先索引

11月4号,Google站长博客发表了一篇帖子:Mobile First Index,直接意译的话是“移动优先索引”的意思。但“移动优先索引”这个概念似乎不能准确表达Google的意思,Google在帖子里说的是,Google以后会以移动版页面为搜索排名的判断基础,即使是桌面/PC搜索结果,也以移动页面内容为判断基础。目前Google正在做测试。也就是说,未来的SEO和目前做的可能正相反。以前在移

Public @ 2021-05-07 16:20:24

响应式网页设计与SEO

响应式网页设计和SEO之间存在紧密关系。在过去,SEO主要关注网站内容和关键词密度等因素,但随着越来越多的人使用移动设备浏览网页,响应式网页设计也变得越来越重要。 响应式网页设计能够确保网站在不同大小的设备上都能够提供良好的用户体验,这也是搜索引擎所看重的因素之一。如果网站只适用于桌面电脑,那么在移动设备上打开网站时将会面临许多困难,导致用户体验变差。 另外,响应式网页设计也能提升网站速度和性

Public @ 2023-04-14 04:01:06

谈谈响应式网站前端设计

一段时间之前我对响应式的概念还是Bootstrap、Amaze之类的框架组件,用过几次也不以为然,我想国内搜索引擎在提供移动搜索结果页时还是会给移动网站加分的,却不能像google一样识别响应式网站,可能还需要一段时间发展。但毫无疑问的是现在Web趋势转向移动优先,当然如果你用域名或者其他解决方案也不是不可以,只是响应式可能更简单一些,发展前景也是不错的。这两三个星期我每天都在写响应式页面,借此累

Public @ 2015-11-15 15:20:26

更多您感兴趣的搜索

0.407857s