马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > SEO优化 > 移动端SEO > 制作移动端手机网站过程中的SEO优化方法技巧

制作移动端手机网站过程中的SEO优化方法技巧

时间:2015-04-17   文章来源:马海祥博客   访问次数:

据国内三大运营商数据来看,中国的手机用户数已达10亿,超过2/5的移动用户每个月都会从手机终端访问网页,如今的移动端手机网站比例肯定有提升,但是对于这些存在的移动版本网站来说,马海祥查看了很大一部分手机网站,很少做SEO优化工作,在这里,马海祥认为移动端的手机网站优化并不是PC网站的简单copy过来的移动版本。

制作移动端手机网站过程中的SEO优化方法技巧-马海祥博客

由于是手机用户,用户浏览网页的时间是零碎的,不可能耐心点击很多的页面,因此,要想做好一个移动端网站的优化,就需要尽可能在制作移动端手机网站的过程中精简移动网站设计,并要合理的做好移动端网站的SEO优化。

一、移动端网站的页面设计

网页设计要尽可能的设计简单,手机端可视区域小,布局上不同于传统网页,需要充分利用有限的空间去展示信息。

1、页面适配手机屏幕

随着手机屏幕的不断的增大,同时也遇到一些用户手机屏幕还是处于240*320这种屏幕的大小,当然也存着在一些不规则的屏幕分辨率心寸大小,对于很多的UI来说,不同的手机屏幕很多时候得出多套的图才能保证手机客户端在不同的屏幕上实现匹配。

2、页面专门针对手机屏幕设计

(1)、页面随屏幕宽度变化,无横向滚动条。

(2)、不放大时,能清晰浏览内容,文字大小不低于12像素。

(3)、不放大时,按钮、链接等点击方便(具体可查看马海祥博客《如何通过修改CSS样式来增强平板电脑的用户体验》的相关介绍),按钮尺寸不能过大或过小。

3、使用最多三级的页面结构

减少移动站的页面层级,降低用户认知难度,一个标准的移动站应该包含首页、列表页和详情页三种类型,以满足广告主的推广需求和用户的认知需要。

对于页面类型及层级,马海祥建议不超过3个,保证简单、高效的用户体验,据马海祥博客的分析,使用尽量浅的页间结构,减少用户点击次数,提升浏览体验。

(1)、首页

整站内容索引,内容预览(使用“更多”“详情”等链接),首页作为用户分流前到达的页面,要求能够汇集整个网站的大部分模块和功能,以保证不同需求的用户在着陆后都能寻找到自己想要的信息。

移动站一般首页又可以分为导航式和内容式,导航式因其风格简洁,一般又可用作品牌宣传,起到快速传达品牌形象的作用,内容式因其丰富的内容,常用来快速传达广告主想传递的信息。

(2)、列表页

频道内容、分类、列表为主,列表页一般用于展现结构简单,并且重复度较高的内容,最常见于商家的产品/服务,形式也一般相对简单,用于满足展现多产品/服务的需求,根据商家产品/服务信息不同一般分为纯文字和图文两种基本形式。

(3)、内容页

推荐以结构化形式展现内容,详情页一般用作展示首页和列表页未显示完全的信息,以满足用户了解详情的需求,从而辅助用户进行决策。

4、使用清晰的导航组件

全站导航:快速到达各个频道(具体可查看马海祥博客《如何规划并架构网站的导航信息结构》的相关介绍);

局部导航:在单个频道的首页、列表、详情页面间移动;

相关链接:相关频道之间的链接。

5、页面单列布局,重要内容显示在首屏

页面内容模块从上到下,单列布局,重要内容展现在首屏。

6、保证良好的可用性

(1)、页面内容无缺失,交互功能正常使用。

(2)、不使用flash

(3)、使用html5来实现动画。

7、优秀交互方式,简化操作流程,提升使用体验

(1)、优秀的交互方式能很有效地提升用户体验,一方面能够简化操作流程提升操作效率,另外,马海祥觉得这对于产品功能易用性的提升也是较大的。

(2)、滑动切换图片相比于自动切换和点击切换,滑动切换增强了用户操作的主动性、同时提升了切换的便捷性。

(3)、滑动切换页面用户可以通过滑动进行页面之间的切换,节省用户寻址时间。

(4)、点击放大图片点击缩略图放大图片,减少了操作流程,一定程度上减少了因页面跳转带来的用户流失。

(5)、页面区域点击区域点击能较大提升用户点击的效率,减少用户因定位点击区域造成的效率损失。

(6)、点击加载更多一方面减少单张页面的非必要信息,让页面变得简洁,同时能减少页面间的跳转,降低因网速等原因造成的用户流失。

8、保证广泛的兼容性

在主流操作系统、浏览器中均可正常展现,比如:操作系统:Android,iOS;浏览器:UC、QQ、iOS Safari、Android。

二、移动端网站内容设置优化

对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词,在每个页面的关键字及描述像做传统PC端网站一样,做好针对性的填写工作,对搜索结果的展现(摘要)以及优化工作大有帮助(具体可查看马海祥博客《如何优化一个移动端手机网站》的相关介绍)。

1、一致性

着陆页内容与关键字、广告文字的相关性,不仅保证广告与目标页面呼应和一致,更重要的能够提升潜在客户在着陆页上面的点击次数,减少客户流失。

2、可信度

通过告知潜在客户公司名称、联系地址、客服电话等信息,能够有效地提升网站(公司)的可信度。

3、重要信息首屏显示

具体产品信息尽量出现在网页的第1-2屏,避免与用户玩寻宝游戏。

4、根据行业特性,放置针对性的内容

重点关注移动页面的信息构建,以满足用户需求;

基础信息:公司介绍、产品/服务介绍。

信任信息:荣誉资质、专家团队、案例。

转化信息:电话、地址。

5、精简文字,处理好图片

精简文字量:PC内容一半左右。

使用图片、幻灯片提升展示效果,并注意压缩图片尺寸。

推荐用宽图片展示LOGO,正方形图片展示产品。

三、优化移动端页面性能

随着移动互联网的发展,我们越发要关注移动页面的性能优化,我们能做得是对移动端页面本身优化,这也是我们专业价值的体现,所以我们必须做移动端页面性能优化(具体可查看马海祥博客《手机网站制作的常用方法及优化技巧》的相关介绍)。

1、控制加载时间与网页大小

跳出前等待时间的用户比例;

加载时间:单页面5S以内;

网页大小:单页面50K以内;

优化加载时间和网页大小:重点在前端优化;

减少HTTP请求:减少重定向,合并图片,懒加载;

减少传输数据大小:压缩图像,开启GZIP……;

考虑到移动设备和移动互联网的特点,马海祥建议在进行移动网站的页面开发设计时,一个总的原则是考虑用户访问的效率,降低页面加载时间(具体可查看马海祥博客《提高网站在移动端打开速度的方法技巧》的相关介绍)。

2、减少访问请求数

从设计实现层面简化页面,不要放太多的图片、复杂的表达、动画、视频等等。

资源合并及压缩:比如将背景图片、导航图片等等作为一张图片,这样只需一次请求,而不是多次。

静态资源(Css、Js、Image)懒加载;

异步执行inline脚本;

避免重复的资源请求;

缩小cooike;

设置连接方式为keep-alive;

减少DNS查询;

移动端可见区域是有限的,采用延迟加载方式;

开启服务器压缩(gzip方式)。

3、优化图片处理

图片走CDN;

少用动态gif图;

图片不适宜过多及过大;

避免使用bmp图片;

图片压缩;

零碎图片使用css Sprite技术一次性下载。

4、优化HTML

减少HTML标签,减少不必要的嵌套;

废弃table标签;

减少DOM深度;

压缩HTML,去掉注释,空格换行等信息。

5、优化JS

使用临时变量或者数组存储document.images及document.forms等集合数据;

慎用with语法;

使用AJAX缓存;

避免eval及Function语法;

避免使用inlineScript;

异步、底部加载js;

合并压缩js;

字符串连接使用数组的join方式。

马海祥博客点评:

无论是PC端还是移动端,网站都要考虑清楚消费群体的定位问题,虽然智能手机用户数量非常普及,但是要明白中国的大部分手机用户使用的网络速度还是远不及PC端的,所以,在页面设计时,要考虑到用户打开网页的时长,这不仅仅是用户体验的问题,也是尽量减少百度索引抓取的工作,让百度蜘蛛尽可能多的爬行和收录页面。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于https://www.mahaixiang.cn/ydseo/1129.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: SEO优化   移动端   seo技巧   手机网站   SEO方法  

上一篇:如何优化一个移动端手机网站
下一篇:移动手机站的前端页面SEO优化技巧

您可能还会对以下这些文章感兴趣!

  • 百度移动搜索开放适配服务的3种方法

    为了提升用户的移动搜索结果浏览体验,百度移动搜索对具有对应手机站的PC站提供“开放适配”服务。如果您同时拥有PC站和手机站,且二者能够在内容上对应,您可向百度“提交”PC页―手机页的对应关系,若对应关系准确,将有助于百度在移动搜索中将原PC页结果替换为对应的……【查看全文

    阅读:11752关键词: 百度移动搜索   开放适配服务   移动搜索   日期:2014-11-01
  • 详解移动端设备页面尺寸设计原理

    现在移动设备越来越多,使用手机上网的人也越来越多,移动设备也成为访问互联网的常见终端设置,以前我们在编写管理系统的时候,客户端只需要考虑PC机桌面设备,现在则必须要考虑到移动终端设备了。移动终端设备的屏幕分辨率很多都不一样,手机就分很多种大小的,然后还……【查看全文

    阅读:3049关键词: 移动端   页面设计   设计原理   日期:2015-07-16
  • 如何优化一个移动端手机网站

    随着移动设备的普及,也引发了一大批移动端网站的建设,但随之而来的问题也就出现了,作为一名专业的SEO人员,我们又该如何优化移动端手机网站呢?最近,也看到有很多做SEO的博友都在讨论移动端的网站怎么去做SEO优化?怎么做好手机网站优化?怎么把我们网站关键词排名……【查看全文

    阅读:3124关键词: 网站优化   移动端网站   手机网站   移动端   日期:2015-04-04
  • 移动端网页界面常用的六种导航模式

    标签式导航:最常用、最不易出错,请第一时间考虑它。抽屉式导航:如果你的信息层级繁多,可以考虑将辅助类内容放在抽屉中。列表式导航:作为辅助导航来展示二级甚至更深层级的内容,每个APP必不可少,但请注意数量与分类。平铺式导航:如果你的内容是随意浏览,无需来……【查看全文

    阅读:4414关键词: 移动端网页   导航模式   网页导航   日期:2016-09-02
  • 新手如何做移动端网站的SEO优化

    如今,移动互联网的使用人数在不断的增加,网站通过移动搜索来的流量也越来越多,但不可否认的是,现阶段许多PC端网站copy成简单的移动版本的wap网站,基本没有做优化,所以需要我们重视移动端网站的SEO优化,因移动与PC端的显示媒介不同,所以在选择目标关键词时会有差……【查看全文

    阅读:6536关键词: 移动端   网站优化   seo优化   日期:2016-01-14
  • 移动端制作手机版专题页面的优化要点

    专题网页的设计通常是短平快,在特定时间达到一些运营需求,而响应式设计通常需要考虑更多不同分辨率下的响应效果,花费的设计和开发时间成本可能是双倍的,而且专题设计具有很强的形式感,响应式设计的流体布局,必然会对视觉造成限制,所以对于专题来说做成响应式的网……【查看全文

    阅读:880关键词: 移动端   页面制作   专题页面   移动端优化   日期:2017-01-23
  • 提高网站在移动端打开速度的方法技巧

    最近一项研究表明:80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间,由于64%的智能手机用户希望网站可以在4秒内加载完毕,但一半的网站花费了二倍以上的时间,达到了9秒,为了满足移动用户的高期望,你需要对网站针对移动……【查看全文

    阅读:8225关键词: 网站   移动端   网站速度   日期:2015-03-12
  • 移动端网站SEO优化排名的一些注意细节

    俗话说,有搜索的地方就有SEO优化,移动端的SEO优化也逐渐的进入火热化,对于移动端的SEO优化,大家都是处于同一个阶段,就看谁花在这上面的心思更多一些了,在优化移动端网页的时候,越来越多的问题开始出现,在暴露移动端薄弱的同时,也让刚刚进入SEO行业的新人们跟前……【查看全文

    阅读:2295关键词: 移动端   seo优化   seo排名   日期:2015-11-17
  • 谷歌(Google)手机站优化指南及建站原则

    所谓简单快捷,就是要在手机有限的屏幕上以最简单最实用最快捷的形式展示给用户最需要的东西,让用户方便。谷歌的建议是:(1)、优先提供用户最需要的内容和功能;(2)、减法,减法,减法(这一点其实就是在强调手机网站要去掉一切可以去掉的内容、功能、板块、按钮等……【查看全文

    阅读:838关键词: 谷歌   google   手机站   优化指南   建站原则   手机站优化   日期:2014-08-22
  • 手机网站制作的常用方法及优化技巧

    手机网站是指用WML(无线标记语言)编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信息为主。实际上,随着向手机智能化方向发展,安装了操作系统和浏览器的手机的功能和电脑是很相似,使用这种手机可以通过GPRS上网可浏览几乎所有的www网站,无论网站是不是专……【查看全文

    阅读:4574关键词: 手机网站   网站制作   优化方法   优化技巧   日期:2014-10-04
  • 移动端手机站做站内优化的要点

    随着移动流量的与日俱增,移动搜索引擎的功能越来越丰富,意味着更多移动特性可以施展,同时也意味着对HTML5网站的要求更趋规范和严格,这对于负责移动站点优化的负责人来说是个极大的挑战,我一般将站内优化的生命周期概括为三个词,实验、评估、调整,因此我的站内优……【查看全文

    阅读:1946关键词: 移动端   手机站   站内优化   日期:2015-11-10
  • 优化手机网站的三大SEO策略

    手机浏览器的搜索引擎采用多项指标决定网页排名,站点的整体性能、易用性、下载速度和屏幕效果等都是影响排名的因素。因此,相比那些专为小屏幕设计、只包含了简单信息的网站,一个全面优化、涵盖了所有功能和关键信息的网站的排名,显然会靠前很多。假如某网站使用了一……【查看全文

    阅读:2080关键词: 手机站优化   网站优化   手机网站   seo策略   seo   日期:2014-08-20
  • Wap手机站的SEO优化要点及注意事项

    随着智能手机的普及,Wap手机网站也逐渐多了起来,移动搜索也成了网站SEO优化的新战场,移动端的SEO优化随着移动智能终端的普及而显得尤为重要,甚至许多手机企业网站的建设也显得刻不容缓,所谓抢得先机即为赢得商机。作为中文手机搜索引擎百度移动搜索,每天用户使用……【查看全文

    阅读:1815关键词: 手机站   seo优化   日期:2016-05-03
  • 移动端页面开发过程中经常碰到的一些问题

    对于前端开发者来说移动端存在着很多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题,那么今天我为大家分享移动端页面开发过程中的一些问题和解决问题的方法技巧。现在的前端开发者基本都要同时着手PC端页面和手机页面的开发工作,就目前的状况来看,手机页……【查看全文

    阅读:17731关键词: 移动端   日期:2016-05-20
  • 2014年中国移动搜索行业发展研究报告

    随着智能手机普及,极大地推动移动互联网快速发展,用户上网行为随之发生迁移和改变,包括在互联网时代占据主要入口地位的搜索,用户搜索行为逐渐从传统PC搜索向移动搜索转移,移动搜索已经成为移动互联网时代的重要入口之一,相比传统PC搜索,用户在使用移动搜索时,往……【查看全文

    阅读:766关键词: 移动搜索   研究报告   日期:2015-03-25
  • 我对网站移动端建设的一些看法

    如今,国内移动互联网用户数量仍在日益增长,各个互联网大佬也都在抢占移动资源,移动互联网资源正在高速发展中逐步繁荣,而其中移动搜索这一块当然也将是重点,不管你网站的移动端是使用手机站点或网站APP,都要明确一点:网站内容才是网站运营的根基,网站内容的专业……【查看全文

    阅读:2228关键词: 网站移动端   网站建设   移动端   日期:2015-01-11
  • 搜索引擎喜欢什么样的移动页面优化方式?

    智能手机和平板电脑的普及,产生了越来越多的移动端客户流量,尽管基于手机和平板电脑的网络浏览器种类繁多,功能也都越来越完善,但限于较小的终端屏幕以及网络流量的问题,移动设备并不适合直接浏览各种基于桌面电脑登陆的网站,因此,做为网站站长来说,有必要为自己……【查看全文

    阅读:546关键词: 搜索引擎   页面优化   日期:2016-11-02
  • 关于移动端手机站的12个SEO优化方法

    手机站和PC端站点不一样,PC端站点百度明确给出关键词跟描述标签对优化起不到任何效果了,但手机端的关键词和描述标签是对手机站点有效果的,所以百度移动搜索也给出了建议,最好要把三大标签做好优化。网站结构要用合理的树形结构,最好采用树形和扁平相结合;清晰的……【查看全文

    阅读:1949关键词: 移动端   手机站   seo优化   优化方法   seo   日期:2014-08-26
  • 制作移动端手机网站过程中的SEO优化方法技巧

    由于是手机用户,用户浏览网页的时间是零碎的,不可能耐心点击很多的页面,因此,要想做好一个移动端网站的优化,就需要尽可能在制作移动端手机网站的过程中精简移动网站设计,并要合理的做好移动端网站的SEO优化,网页设计要尽可能的设计简单,手机端可视区域小,布局……【查看全文

    阅读:2526关键词: 移动端   手机网站   seo优化   seo方法   seo技巧   日期:2015-04-17
  • PC站建立移动端网站的三大方法模式

    移动端网站作为移动互联网最主要的入口,能随时展现自身、与目标用户便捷沟通,同时方便手机用户随时随地查询和浏览,有效占领客户“空闲时间”。移动端网站确实是最便捷的宣传册,无论何时何地,遇见何人,你只要打开手机即可以让对方浏览到产品和服务信息,不会错过任……【查看全文

    阅读:3223关键词: 移动端网站   移动端   pc站   日期:2016-12-07
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

如何提高用户体验,增加网站信任度 MIP Cache服务下线通知