企业互联专注网站建设+网站改版+新站seo优化,是专业的网站推广/网络推广外包公司
400 0082 880
移动端页面优化seo需要注意哪些要点
拥抱趋势 专业优化 快速打造能赚钱的网站
马上咨询
2020-10-10 09:34:53阅读:168来源:seo优化公司作者:企业互联
[导语]智唯网络为你推荐文章《移动端页面优化seo需要注意哪些要点》(本文主要讲述:在此,建议大家多留心下一些大公司的数据研究,你会发现很多你根本没考虑到的问题哦。Android为了在界面上区别于iOS,Android4。对此,欢欢建议各位站长可以通过删除、缩小、压缩图片,提高打开速度,尽量删除没有十分必要的功能。同样,在用户体验的调查中,可以看出用户可接受的文字相应问题。事实上,你可以建立多个版本的CSS样式,根据不同的移动浏览器自动调用不同的CSS,这种方法可以避免重复内容问......)如果你对文章有兴趣,欢迎关注我们
本文对168人有所帮助,共有2398个文字,预计阅读所需时间6分钟

移动端页面优化seo需要注意哪些要点

  如今,移动互联网已经成为互联网组成的非常重要的一个分支,如果说以前对移动页面没有很规范的seo和高质量内容评判划分标准,但现在随着各大搜索引擎发布了移动网站建设指南,图文并茂的描述了如何提高移动站在百度质量度的等级,移动端的优化seo也受到广大站长和优化的青睐。

  以目前欢欢测试的数据来看,关键词研究、网站架构和URL设计、页面关键词布局、文案写作、导航及内部链接系统设计等大部分PC版网站seo技术依然适用,没必要把移动页面seo当成一个和PC页面seo完全不一样的技术,说到底,为搜索用户提供高质量内容的目标是一样的,只不过需要考虑手机用户的特殊用户体验需求。

  目前的移动搜索排名就是PC搜索排名加上移动因素进行一些调整,下面就跟大家谈谈移动页面特殊的地方,这些要点在独立URL的移动站和自适应设计的移动站都适用。

  1、非主体内容、功能大幅精简

  PC版页面经常看到两三行顶部导航,这在手机上就没法看了,通常手机版本要大幅删减导航系统,包括顶部导航、面包屑和侧栏导航,即使保留完整主导航,也得折叠起来,用户点击时再打开,如果要显示顶部导航,** 多5、6个就差不多了。

  同样,广告、页脚、相关文章、Tag链接等PC页面上常见的内容,能删则删,手机上很难容得下这些内容,同时,删减这些内容页可以使页面HTML代码大幅减少,提高页面打开速度。

  使用CSS可以隐藏导航等内容,但会产生冗余代码,如果需要隐藏的比较多,不如直接从HTML代码中删除,减小页面文件。

  对此,欢欢建议各位站长可以通过删除、缩小、压缩图片,提高打开速度,尽量删除没有十分必要的功能。

  2、移动网页的尺寸定位

  初涉移动端的设计师,基本都会在尺寸问题上纠结好一阵子才能摸到头绪,我也花了很长时间才弄明白,在此,感觉有必要在此跟大家介绍一下不同系统下的要求:

  (1)、IOS系统下的尺寸及分辨率

  iPhone界面尺寸:320x480、640x960、640x1136

  iPad界面尺寸:1024x768、2048x1536

  以上单位都是像素哦,至于分辨率一般网页UI和移动UI基本上都只要72 ppi。

  当然,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机尺寸来设计,比较方便预览效果,一般用640x960或者640x1136的尺寸设计。

  (2)、Android系统下的尺寸及分辨率

  Android界面尺寸:480x800、720x1280、1080x1920...(单位:像素)

  Android比iPhone的尺寸多了很多套,欢欢建议取用720x1280这个尺寸,这个尺寸720x1280中显示完美,在1080x1920中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。

  3、创建移动网页

  为网站的指定内容创建移动网页,图片、文字格式、导航和网页功能的某些方面(包括尺寸)可能都需要进行调整或转换,这种方法的缺点是网站的传统主页可能也会在移动浏览器上运行,或者需要多点击一次鼠标才能从传统主页到达移动网页。

  (1)、界面基本组成元素

  移动网站的APP界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏以及中间的内容区域。

  这里取用640x960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸:

  状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40 px

  导航栏:显示当前界面的名称,包含相应的功能或者页面间跳转的按钮,其高度为:88 px

  主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98 px

  内容区域:展示应用提供的相应内容,整个应用中布局变更** 为频繁的,其高度为:734 px(为什么是734呢?这是因为:960-40-88-98=734)

  至于我们经常说的iPhone5/5s的640x11136的尺寸,其实就是中间的内容区域高度增加到:910 px

  欢欢博客提示:在** 新的iOS7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变化,尺寸高度也还是没有变化的,只不过大家再设计iOS7风格的界面的时候多多注意一下。

  Android中的大屏手机,我们取用720x1280的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸:

  状态栏高度为:50 px

  导航栏高度为:96 px

  主菜单栏高度为:96 px

  内容区域高度为:1038 px(1280-50-96-96=1038)

  Android** 近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96 px

  写之前我翻了好多关于Android的界面尺寸教程,都没找到像iOS一样具体的规范,或许因为在安卓中这些控件的高度都能用程序自定义,都没有提到具体的尺寸数值,所以就自己找了Android的设计规范,尺寸都是自己在PS中量的。

  Android为了在界面上区别于iOS,Android 4.0开始提出一套HOLO的UI风格,这一风格** 明显的变化就是将下方的主菜单移动到了导航栏下面,这样的方式解决了现在很多手机去除实体按键后在屏幕中显示而出现的双底栏的尴尬情景。

  (2)、移动页面的字体大小

  iPhone上的字体英文为:HelveticaNeue;至于中文,Mac下用的是黑体-简,Win下则为华文黑体。

  下图是用户体验做过的一个小调查,可以看出用户可接受的文字大小,像素为单位,也就是大家在PS里的文字像素大小。

  Android上的字体为:Droid sans fallback,是谷歌自己的字体,与微软雅黑很像。

  同样,在用户体验的调查中,可以看出用户可接受的文字相应问题。

  在此,建议大家多留心下一些大公司的数据研究,你会发现很多你根本没考虑到的问题哦。

  其实欢欢觉得还有个更简单的方法就是找你觉得好的APP应用,手机截图后放进PS自己对比调节字体大小咯。

  总之,方法是自己找的,想办法解决问题,自己实践,比别人告诉你印象更深刻,不是么?

  4、页面内容是否能正常访问?

  Flash在很多手机上打不开,比如iPhone早就不支持Flash了,复杂的JS效果也可能导致页面内容在手机上根本不能显示,想要被搜索引擎读取的内容和链接不要放在JS或Flash中,就算用户手机能显示,搜索引擎也不一定能解析出来。

  页面是否弹窗强制APP下载或用户登录后才能看到内容?这是百度冰桶算法主要打击的对象。

  还要注意不要用robots文件禁止搜索引擎蜘蛛抓取CSS、JS和图片等外部文件,不然搜索引擎蜘蛛可能无法判断页面布局,甚至无法正常访问内容。

  5、采取移动网页和传统网页相结合的形式

  这种方法只要求一套网站内容,但至少要有两套CSS样式:一个用于电脑版本;另一个用于移动版本。

  事实上,你可以建立多个版本的CSS样式,根据不同的移动浏览器自动调用不同的CSS,这种方法可以避免重复内容问题,但它并不是百分之百的可靠,不要期望移动设备能一直都选择正确的样式表。

  6、使用动态移动网页

  这是** 可靠的方法,但也是代价** 高的方法,你需要雇佣一个程序员,帮你实现通过侦测客户端而对网站内容进行实时转码的功能,而且由于移动技术的不断变化,这也只是一个短期的解决办法,但是,如果你想为用户提供** 佳体验,将优化的** 高水平应用到移动站点中,这将是你** 好的选择。

  7、页面打开速度

  百度现在给出的参考数字是,页面在手机上需要3秒之内打开,不然用户就跑了,以前给的数字是4秒,除了主机速度、带宽等,打开速度也和下面的内容精简有很大关系。

  8、做好自主适配

  如果是独立URL的移动站,首先做好自适配,手机用户访问了PC版,自动转向到移动版URL,PC用户由于某种原因访问了移动URL,自动转向到PC版URL,这个转向百度建议用301,Google用301、302都可以。

  自适应设计也要检测用户浏览器类型,返回不同版本,百度建议自适应页面加上这行代码,告诉百度这个URL适用于PC和移动版本:

  不过百度也不一定认可这个标签,欢欢博客做自适应已经一个半月了,也加了上面的meta标签,但百度至今也不认,还在给本博客转码。

  9、页面是否方便手机用户浏览、点击?

  这是个用户体验问题,而用户体验是现在优化,尤其是移动优化的重要内容之一,包括很多细节,例如:

  (1)、字体是否够大?如果字体太小,用户需要放大才能阅读,显然谈不上移动友好。

  (2)、上下滑动页面一般是必要的,但需要左右滑动页面才能看全内容,在手机上是很不方便的。

  (3)、是否有大面积广告?在PC页面上,大量广告就够讨厌的了,在手机上简直就没法忍了。

  (4)、导航和内容中的链接是否容易点击?按钮是否足够大?字距、行距是否足够?不要低估了用户们手指头的粗度,手机页面广告点击率大大超过PC端,不是因为手机用户喜欢广告,而是误点的太多了。

  (5)、Title不要太长,PC搜索结果中页面标题可以显示20多个字,在移动搜索结果中,这么长就被显示成两行了,虽然占的地方大了,但其实视觉上比较乱,反而不明显。

  (6)、购物或其他功能是否够简单?在手机上填写表格比在电脑上难多了。

  (7)、手机横竖方向变化时,页面是否自动调整显示宽度?

  10、本地查询词

  由于使用场景的特性,移动搜索有更强地域性,在手机上搜索吃喝玩乐、旅游、地图、路线、天气等的用户数量很大,做移动优化时,更要关注地名+主查询词这种搜索,如“北京饭馆”,“中关村酒吧”之类的词。

如何优化:
1.做网站优化需要懂什么技术? 2.关键词定位了访问者 3.选择长尾关键词应具备的技巧 4.网站的结构对SEO的影响 5.301重定向怎么进行URL标准化设置? 6.外链之交换友情链接要点 7.常用的SEO工具有哪些 8.网站优化需要分析哪些数据
总访问数:38513771 文章总数:9899 建站天数:2568
相关阅读
01
如何提高网站抓取的频率
  ⑨启用高PR域名:我们知道高PR老域名,具有自然权重,即使你的站点长时间没有更新,即使只有一个封闭站点页面,搜索引擎也会继续爬行频率,等待内容更新。这个时候其实有一个便捷的小技巧:那就是主动添加URL到sitemap,并且在百度后台更新,**时间告知搜索引擎它的变化。⑥百度熊掌号:如果你的网站配置熊掌号,在内容足够优质的前提下,抓取率几乎达到100%。⑨启用高PR域名:我们知道高PR老域名,具有自......[详情查看]
02
百度搜索结果中站点LOGO是如何显示出来的?
  还要说明的是LOGO不够美观,如设计粗糙,清晰度不够,有多余的边框和深底色背景也会导致网站LOGO提交权限通过不了。至于该如何反馈?具体的内容我就不啰嗦了,需要强调是的要注意礼貌和用词,申请的文字** 好能表现出你的态度诚恳,且对百度官方工作人员的尊敬。至于该如何反馈?具体的内容我就不啰嗦了,需要强调是的要注意礼貌和用词,申请的文字** 好能表现出你的态度诚恳,且对百度官方工作人员的尊敬。那么怎么的LOG......[详情查看]
03
SEO入门教程技术学习分享框架
  第二步就是要选择一个产品或一个行业在空间和域名都选好的情况下,接下来我们就需要选择一个行业或是一个产品来进行现实中的实践了。所以我建议大家,对于我们遇到的每一个术语词都要准确理解它。所以我建议大家可以安装一些。在SEO中需要很多的数据来帮助我们进行判断,这样,写一份SEO的seo方案就是尤为重要的,在一个网站中我们不能仅凭自己的感官直觉去做网站排名,这样会让我们走入歧途。因为死啃的书本知识会随着时......[详情查看]
04
SEO基础seo需要做什么
  这些都视情况而定,建议新站控制友链数在30左右,并且保持两天增加1个友链** 好。做推广和营销一定要明白你的目标群体在哪里?通过查看流量来源再加上站内流量转化率,你就能大概知道你的用户群和适合的营销方式。早上打开电脑,用SEO工具查看当日的快照,收录,外链变化以及网站排名变化,每天截一次图,养成习惯后,通过每天的截图对比你就能通过一些微小的变化来发现问题。如果你每天都交换友情链接,在网站友情链接稳定增......[详情查看]
05
SEO关键词排名seo时如何布局好首页内容?
  SEO关键词排名seo时如何布局好首页内容?在SEO关键词排名seo中,首页seo的重要性毋庸置疑,不仅因为首页的权重高,更重要的是首页是整个网站的门面,是用户访问的个页面,做好首页的seo能大大提升用户体验。而SEO关键词排名seo推广就需要对网站流量进行分析,并将用户访问网站的规律与网络营销策略相结合。06、统计代码这是首页必不可少的,一个首页设计好之后不能放任不管了,需要结合蜘蛛的来访记录和......[详情查看]
06
网站如何进行收录
  里面的这些内容还是要有一定的特点,这样,当自己的网站在搜索引擎中被收入之后,也是可以获得更大的关注,从而提高这个网站点击量,这也是经营网站的成功标志之一,多少网站都会为之奋斗。里面的这些内容还是要有一定的特点,这样,当自己的网站在搜索引擎中被收入之后,也是可以获得更大的关注,从而提高这个网站点击量,这也是经营网站的成功标志之一,多少网站都会为之奋斗。网站被收录只要你根据相关的搜索引擎的标准去丰富自......[详情查看]
07
如何才能做好聚合页的seo?
  搜索算法是绝对不允许通过程序产生的页面获得大量的流量,当然这条准则也不是绝对的。第二、搜索对聚合的态度聚合能否被搜索引擎认可,主要就是关于内容的质量。第三、为什么聚合难做好制约于形式。所以,做好聚合的关键是要善藏。但是在seo的过程中经常会遇到聚合页怎么做好的问题,接下来成都seo公司企业互联将为大家分享相关内容......[详情查看]
08
外链是什么?
  点评:在页面内容持续不断建设的过程中,需要有外链的支撑才能保障网站的seo效果。既然外链的作用如此重要,就要知晓什么是外链。有鉴于此,我们需要更深刻的理解外链是什么意思,从而更**的运作好外链,规避搜索引擎对于外链的相关算法,让我们的外链“自然增长”,达成** 终的网站seo效果。一:什么是外链?在搜索引擎外链是优化术语之一,归类于优化教程。3,白链接即类似于纯文本,看起来是一个网址,但点击无任何反应......[详情查看]