网站地图    收藏   

主页 > 前端 > css教程 >

在线营销终极指南:响应网页设计 - html/css语言栏

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 截至2月,在美国智能手机用户的已经达到了近50%,2012不仅被称为世界末日年,同时也被称为移动年,这意味着众多的优化工作者和网站设计需要投资在移动用户体验,检查分析您的移...

  截至2月,在美国智能手机用户的已经达到了近50%,2012不仅被称为世界末日年,同时也被称为“移动年”,这意味着众多的优化工作者和网站设计需要投资在移动用户体验,检查分析您的移动流量份额,你该如何通过相应网页设计来提升在线营销的效果?

  1、什么是响应网页设计?

  概括地说,响应网页设计是一种后轮驱动技术,它使用css流体布局(遇到大屏幕的时候可以尽可能拉伸),适用于不同的样式表基于当前的屏幕大小的设备。随着反应的设计,您的网站几乎适合任何设备:完整的浏览器,智能手机,iPad的+其他片(横向和纵向模式),甚至是电视,只要响应设计正确实施,所有的设备都能完美的展现你的页面内容。

  2、如何抓取/索引响应网站

  (1)爬行

  约6个月前,谷歌退出新的智能履带,它模仿了iPhone的用户代理,由于后轮驱动简单地调整屏幕大小和不改变流动用户代理的内容,谷歌bot的手机拥有访问所有整个网站的内容(html,css和图像等)。唯一的区别是:媒体查询由后轮驱动之后的情况下,谷歌可以通过css读取和理解,可以那些隐藏在您的移动网站上的元素。

  (2)索引和缓存实验

  当爬在桌面页面相同的url位于页面的移动版本(RWD或通过用户代理定位完成),通过相关的实验证明,谷歌将不缓存你的网页的移动版本,并且目前谷歌似乎忽略了任何内容,这表明了移动只为游客。

  3、响应网页设计的优缺点

  (1)响应网页设计的优势

  用户体验(UX):网站调整到任何屏幕尺寸,使它成为一个很好的长期解决方案,目前大量的设备(包括手机/平板)都是以UX来确定,隐藏元素不属于移动游客的关键,有助于更快地实现自己的目标。

  分析:为了得到移动旅客的见解,创造一个“移动唯一”的属性,将网站中的所有链接都组织成一个完整的视图。

  共享链接:运用一个url来积累所有的链接股份和价值,通过一些有效的入站链接,有助于更好地提升用户体验度,不管你是否有点击都能从移动版本中看到一个完整的浏览页面。

  seo:积累网址,pr链接,页面呢管理等这些对seo优化而言都是非常友好的。

  (2)响应网页设计的缺点

  用户体验/负载时间:用户需要花费跟多的时间下载不必要的HTML/CSS代码,图像只是缩小,不调整大小,这样所带来的负面影响是页面加载的时间比较长。

  搜索引擎优化:随着后轮驱动,你不能为移动用户轻易调整标题,描述和内容。移动用户使用不同的关键词,更容易使用语音和一些垂直搜索,使用谷歌的关键字工具,分离从桌面移动搜索可以有显著变化。并且谷歌不位于同一网址的移动唯一的内容为基础的排名站点,如果你的反应网站的目标用户代理为某些移动唯一的内容,它不会被索引也不使用您的网站排名。

  原创文章是由:http://www.kaililong.net/seotuijian.htm站长首发,转载请保留有效的链接地址,谢谢!

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论