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

制作移动端手机网站过程中的SEO优化方法技巧
liwenshu
liwenshu
261
阅读
0
评论
2021年08月16日23:28:23 0 261

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

由于是手机用户,用户浏览网页的时间是零碎的,不可能耐心点击很多的页面,因此,要想做好一个移动端网站的优化,就需要尽可能在制作移动端手机网站的过程中精简移动网站设计,并要合理的做好移动端网站的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端的,所以,在页面设计时,要考虑到用户打开网页的时长,这不仅仅是用户体验的问题,也是尽量减少百度索引抓取的工作,让百度蜘蛛尽可能多的爬行和收录页面。

免费咨询 点赞(0)
weinxin
账号+金额发此微信
充值后请把会员账号/用户名+充值金额发送到此微信:tourism52
客户,之间,可能,只差,一个,营销,网站 网站建设

你和客户之间,可能只差一个营销型网站

你和客户之间,可能只差一个营销型网站尽管现在互联网很发达,但是仍然有很多企业是没有建设网站的,或者是没有建设一个具有营销推广的功能的网站的。你要知道,当你的同行竞争对手都在网上找到...
响应式网站3点优势 网站建设

响应式网站3点优势

响应式网站3点优势 1、更利于SEO优化 对于网站后期的SEO优化而言,响应式的网站更加利于SEO优化的推广,因为网站的不管如何,如果这个url在PC端被收录了,那么相应的在其他的...
网站建设,7个,基本,流程 网站建设

网站建设7个基本流程

网站建设7个基本流程从目前来看,每天都会有大量的初创企业诞生,作为企业主而言,第一时间想到的事情,就是建立一个网站,但由于初创企业,并没有专业相关的网站制作人员,往往是寻求网站建设...
华企,网络,一站式,网站建设 网站建设

华企网络一站式网站建设

深圳市华企网络科技有限公司简称华企立方,是一家专业致力于为中国企业提供全方位、多层面的信息化服务的运营商    华企立方自2004年成立以来,伴随着中国经济的蓬...
昆明公司网站制作形式表现艺术 网站建设

昆明公司网站制作形式表现艺术

昆明公司网站制作形式表现艺术 因为在网页的设计过程中,网页设计的形式需要与内容统一,确保在网页已经具备极其鲜明的主题与趋向一致的内容时,通过采取一定的形式对网页的主题与内容进行完美...
网站建设,在前,网络推广,在后,注意,以下,4点 网站建设

网站建设在前网络推广在后注意以下4点

网站建设在前网络推广在后注意以下4点企业在网站建设中,有很多事情需要注意,其中四个问题更重要,今天凡科网站建设将与您分析四个问题:首先,网站的内容问题。当我们访问互联网上的企业网站...
如何,打造,营销,网站,网站建设,公司 网站建设

如何打造营销型网站——网站建设公司

如何打造营销型网站——网站建设公司营销型网站是现在大多数企业都会选择建设的一种网站,那么什么是营销型网站?营销型网站顾名思义是为实现所需的营销目标,将营销的思维方法融入到网站中去。...

评论列表 共有 0 条评论

暂无评论