移动端页面优化seo需要注意哪些要点
拥抱趋势 专业优化 快速打造能赚钱的网站
马上咨询
2020-10-10 09:34:53阅读:335来源:seo优化公司作者:企业互联
[导语]智唯网络为你推荐文章《移动端页面优化seo需要注意哪些要点》(本文主要讲述:页面是否弹窗强制APP下载或用户登录后才能看到内容?这是百度冰桶算法主要打击的对象。同样,在用户体验的调查中,可以看出用户可接受的文字相应问题。下图是用户体验做过的一个小调查,可以看出用户可接受的文字大小,像素为单位,也就是大家在PS里的文字像素大小。Android为了在界面上区别于iOS,Android4。如今,移动互联网已经成为互联网组成的非常重要的一个分支,如果说以前对移动页面没有很规范的s......)如果你对文章有兴趣,欢迎关注我们
本文对335人有所帮助,共有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.网站优化需要分析哪些数据
总访问数:40106687 文章总数:9992 建站天数:2808
相关阅读
01
如何获取海量长尾关键词流量
  通过第三方工具进行挖掘:一些站长工具如熊猫关键词工具并给出关键词的百度指数、搜索量以及seo难度,在一定程度上也能拓展出一定量的关键词。长尾关键词是长尾理论在关键词研究上的延伸。5。长尾关键词是长尾理论在关键词研究上的延伸。如何获取海量长尾关键词流量对于一般的网站来说,流量大部分均来自长尾关键词,看流量统计的时候,搜索关键词前几页是指数相对高一点的词语,但是后面数页基本都是长尾词......[详情查看]
02
使关键词快速提升的方法
  面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回,体验网站良好的结构层次,让用户和搜索引擎不会迷路。面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回,体验网站良好的结构层次,让用户和搜索引擎不会迷路。4、URLseo。6、内部链接seo。做好内部链接有利于提高网站的整体权重,增加网站PV,降低跳出率,增加用户体验,还有助于PR值的整体分配,提高网站收录等,所以,做好网站......[详情查看]
03
百度搜索引擎优化重要性及投放技巧
  纯文本外链在提升网站权重方面还是有实例可循的,可能广大站长认为笔者网站的成功只不过个案时,大家也可以看看其他关键词排名靠前的网站外链形式,很多网站的外链形式都是纯文本,而那些排名靠后的,很多都是超文本或者锚文本,当然数量少,再加上外链网站质量差,也造成这些超链接和锚文本的不给力。技巧三:大量扩充长尾词。纯文本的建设难度低,容易实现多元化和规模化。技巧二:围绕高转化的关键词扩词。技巧三:大量扩充长尾......[详情查看]
04
SEO建立成功网站的八个步骤
  图片或FLASH应注意说明。内页上链接的上下文是合理的。术语链接seo在SEO世界中是众所周知的。4。突出主题VI网站推广以企业产品或服务为核心内容,建立网站,再把这个网站通过各种免费或收费渠道展示给网民的一种推广方式,网站推广可以做到小投入大回报的效果......[详情查看]
05
yahoo排名策略
  (4)论坛谷歌的论坛名为“来吧”,与“问答”一样,属于** 近新增的功能。百度采用了词频统计、超链分析和竞价排名相结合的方式对网页进行相关性评价,能够比较客观地分析网页所包含的信息,从而在一定程度上** 了检索结果的相关性。雅虎学堂的咨询性丰富,除了网友的疑问外,其主页当中还有近期热门的世界趣闻、生活知识、万年历,甚至包括淘宝网上的销售信息。雅虎收录:一般时间是1个月左右,但是如果你的站架构好,代码符合......[详情查看]
06
搜索引擎喜爱的内容和用户体验
  企业互联是一家专注建站和搜索引擎seo网站优化的网络服务公司,主营业务百度网站排名,网站seo见到效果再付费,致力于为企业提供建站,整站seo,网站设计,开发等一体多样化的网站营销服务,。因此,在我们网站seo决定网站是侧重用户还是侧重技术的时候,必须先给自己的网站做好定位:我们做的是品牌,还是新产品推广,是名人,还是无名人士的个人推广,另外我们还要分析网站的功能:我们要的是访问量还是回头客,是娱......[详情查看]
07
佛山网络营销 什么样的网站适合推广
  重要的和次要的可以按位置排版,但是辅助功能需要一些设计思路,因为主要的美学是在辅助功能上。根据要反映的主题内容、用户的浏览习惯和主要关注点,整个首页可以划分为主要功能区,次要内容区和辅助区的三个功能区依次排列。在设计过程中给用户注入更多的情感设计,产品和用户之间的交流越多,用户自然会更喜欢你的网站。后来出现了网站seo和快速排名。根据要反映的主题内容、用户的浏览习惯和主要关注点,整个首页可以划分为......[详情查看]
08
js代码对优化有多大影响
  是的,硕士一学位,可以玩更多的js为优化利益方。网络中的导航和其他链接是搜索引擎捕获的重点。通常,这种工具会将JS文件中的数百行代码压缩成一行,减少卷。由于空行的问题,有时使用这种工具可以使JS函数失效,** 简单的方法是将压缩JS放入DW中,使DreamWeaver自动提示出错误,将错误的位置放在另一行中,或者恢复它。方法二......[详情查看]