学习啦——学设计>网页设计>网站建设>手机网站建设>

制作手机网站有哪些优化技巧_手机网站制作优化有什么技巧

宇民分享

  手机网站也是现在很流行的一种,那么如何才能做好手机网站的建设呢?下面由学习啦小编为大家整理的手机网站制作的优化技巧,希望大家喜欢!

  手机网站制作的优化技巧

  一、开发前写好需求和制作方案

  这跟PC端网站、版面的搭建是一样的,移动端因为是近几年随着智能手机的普及才空前发展起来的,可以说大部分业内人士还是在尝试,为了提高开发效率,这就需要跟程序员在开发前进行功能、版面效果实现方式上的探讨和确定,如果有个参考网站是最好的。

  二、移动端url适配

  首先需要实现移动设备访问PC页面进行自动跳转,然后再去各大搜索引擎站长平台进行移动端适配url提交。

  三、页面内容友好度

  页面内容的友好度是对真实访客和搜索引擎两者的友好:

  1、页面代码简洁、不冗余、要做页面压缩等;

  2、重要的内容要在html中以文本的可读形式进行展示,而不要将这些内容放到搜索引擎不可读js、图片中;尤其是js;

  3、图片尺寸能自适应,在不同屏幕尺寸进行很好的展示,并且要控制好图片文件大小;

  4、TDK标签,个人认为这移动网站的标题、描述和关键词大部分情况下是可以跟PC端一致的,当然因为移动设备的屏幕限制,为了更好的阅读体验,如果PC端标题过长可以进行适当的调整。

  四、不断的测试、完善

  做过程序开发或者跟踪的,相信都会知道其实后期的程序测试和完善都是最花时间的。而网站手机版的测试除了对不同页面和功能实现进行测试,还需要用不同手机尺寸、手机系统、不同的手机浏览器和不同设备进行测试,安卓、ios、UC浏览器、百度浏览器、微信内置浏览器、智能手机、平板电脑等。最重要的一点,程序修善所有的需求后,一定要所有页面和展现设备再全面测试一遍。

  五、PC站和移动站配置方式的选择

  目前PC站与移动站配置方式主要有三种:跳转适配、代码适配、自适应。

  1、跳转适配通俗的讲就是新建个手机网站,移动端访问pc网页时能进行识别并跳转到相应的手机版面,是目前国内被使用最广的配置方式;

  2、代码适配和自适应都是在原网址中给用户展现手机版面,其中代码适配是识别不同的访问设备类型生成不同的html,而自适应是根据屏幕尺寸以不同方式进行呈现,html代码是相同的。

  手机网站制作优化的注意点

  一、智能手机优化网站的相关建议

  建立目标是智能手机的网站的时候,谷歌支持以下三个不同的配置:

  网站使用响应式设计在同一个URL下可在所有的设备下使用,这是谷歌最为推荐的设置。

  第二种和原网站使用同样的URL,但是每个URL使用不同的HTML(和CSS)展现取决于用户使用的哪种桌面和移动设备。

  建立单独的移动网站。

  二、响应式网站设计

  响应式设计师构建Web页面的一种技术,无论使用什么设备访问页面,其HRML代码都不会变化。

  使用响应式网页设计的优点,包括:

  移动端和PC端的内容是同一个URL,更便于用户的交互,分享和链接。对于谷歌算法来说,也更容易根据你的内容分配指定的索引属性。

  三、设备特定的HTML

  然而,我们知道很多情况下所有网站都使用响应式设计是不太可能的。这是为什么我们支持网站使用设备特定的HTML。设备指定HTML可以识别相同的URL(配置称为动态服务)或不同的网址。

  如果你的网站使用动态服务配置,我们强烈建议使用不同的HTTP告知缓向服务器和谷歌算法在用户代理请求页面的时候内容可能会改变。我们也用此给Googlebot-Mobile作为一个抓取标志。

  这些注释将帮助谷歌更好的发现你智能手机优化的内容,且帮助谷歌算法明白内容的结构,有机会在搜索结果里面获得更好的展现。

  8个手机网站优化技巧

  1、定位和页面设计

  ①无论是PC端还是移动端,网站都要考虑清楚目标客户的定位问题。这个可以参考之前老牛讲到过的多次网站定位问题,比如搞清楚“目标客户”和“目标客户的客户”分别要的是什么。

  ②在页面设计时,要考虑到用户打开网页的时长,避免使用弹窗、flash、javascript等技术。这不仅仅是影响用户体验,同时对于搜索引擎而言,基本理解不了。我们要尽量减少百度索引抓取的工作,让百度蜘蛛尽可能多的爬行和收录页面。

  在技术层面来讲,Apple产品不支持Flash功能,同时Flash会占用大量的流量和网速,目前已经处于边缘化,地位逐渐被HTML5所替代。

  2、网站尽可能简洁

  ①手机网站比PC端网站的页面下载速度要慢得多,因此尽量把页面数和页面大小控制到最低。

  ②此外,手机用户浏览网页的时间是零碎的,不可能耐心点击很多的页面,而且浏览习惯是纵向(上下)滑动。因此,网站首页可以多屏设计,但是要尽可能的减少网站页面层级。

  ③咨询探头尽可能精简再精简,从客户进入网站到询盘尽可能提供最直接的方式,比如电话咨询,杜绝在线留言、发邮件等。

  然后放大招,内容涉及到专业术语,建议专业优化以站长对比检查:

  3、域名和robots设置。

  ①域名尽可能简短易记,大部分手机版网站的域名是PC端网站的二级域名,当然这个也很好,与传统网站保持一致,更让重视用户信赖。

  ②robots设置上最好不要任何限制,让所有搜索引擎抓取。另外小生在这里纠正一个很多站长想当然的误区,百度官方声明百度spider的爬虫UA是Baiduspider(www 和wap 一致),个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile,其实没这回事。

  4、页面细节优化。

  ①专属的手机网站头部标签。

  对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词,在每个页面的关键字及描述像做传统PC端网站一 样,做好针对性的填写工作。对搜索结果的展现(摘要)以及优化工作大有帮助。

  ②减少死链。

  如果没有内容,最好用状态码指定,比如404、403 等;如果内容死链希望重定向到首页,最好通过302重定向跳转,不要使用javascript的动态请求方式跳转。

  5、使用规范化的协议,做好浏览器兼容调试工作。

  一般来说手机建站有xhtml、html5、wml 三种协议,最好使用规范化、标准化的协议格式,避免造成不必要的麻烦。当然也可以做多个版本的站点,站点进行不同版式的自动适配。

  6、url链接规范化。

  ①对于多个板块的二级域名或者目录来说,使用规范、简单的url,尽量去除与页面内容无关的参数,如用来区分手机型号、区分访问用

  户,方便统计参数。

  ②页面url链接跳转最好是正常格式的目标url,不要有太多的参数夹在在url中间进行跳转。

  7、做好移动版与PC版网站的转换。

  ①确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接,让用户可以在手机版和PC版进行切换,也便于搜索引擎更好的收录。

  ②百度官方曾声明,对于移动站点,当baiduspider ua或者其它无法确定来源的ua访问时,建议默认情况下直接返回html5 或xhtml 类型的移动页面,不要重定向到PC页面。

  8、其它优化事项。

  其它一些优化要点与传统PC端网站优化一样。如网站结构要用合理的树形结构,最好采用树形和扁平相结合;清晰的面包屑导航,方便搜索引擎爬行抓取和用户体验;title写法要尽量包含关键字,首页、频道页、内容页写法要有所侧重。