Categories


Tags


移动SEO之页面优化

移动SEO主要考虑的是两个问题。一是采取哪种架构做移动网站,具体请参考移动SEO的三种方式选择。第二个问题是移动页面本身怎样做代码、用户体验、速度等方面的优化。

这篇讨论的是第二个问题,移动页面的优化。

大部分PC端页面优化技巧依然适用

关键词研究、网站架构和URL设计、页面关键词布局、文案写作、导航及内部链接系统设计等大部分PC版网站优化技术依然适用。没必要把移动页面优化当成一个和PC页面优化完全不一样的技术,说到底,为搜索用户提供高质量内容的目标是一样的,只不过需要考虑手机用户的特殊用户体验需求。目前的移动搜索排名就是PC搜索排名加上移动因素进行一些调整。

下面谈谈移动页面特殊的地方。独立URL的移动站和自适应设计的移动站都适用。独立URL和自适应选择哪个,请参考百度移动搜索优化帖子。

做好自主适配

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

动态内容也要正确检测浏览器类型,返回不同页面版本的代码。

自适应设计的页面,百度建议页面加上这行代码,告诉百度这个URL适用于PC和移动版本:

<meta name=”applicable-device” content=”pc,mobile”>

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

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

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

文字和背景对比度是否足够?用户看内容是否费劲?

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

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

弹窗、漂浮广告在移动页面上就更令人烦躁了。

不要强制用户下载APP。

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

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

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

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

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

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

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

页面打开速度

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

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

PC版页面经常看到两三行顶部导航,这在手机上就没法看了。通常手机版本要大幅删减导航系统,包括顶部导航、面包屑和侧栏导航。在独立移动站中,导航链接可以直接精简。响应式设计的页面代码保留完整主导航,展现时折叠起来,用户点击时再打开。如果要显示顶部导航,最多5、6个就差不多了。

同样,广告、页脚、相关文章、Tag链接等PC页面上常见的内容,能删则删,手机上很难容得下这些内容,有些功能在手机上可能就不能实现,或者太耗费资源,拖慢速度。同时,删减这些内容页可以使页面HTML代码大幅减少,提高页面打开速度。

删除、缩小、压缩图片,提高打开速度。删除没有十分必要的功能。

这也是很多人更喜欢独立移动站的原因之一,可以从代码中直接删除手机版不要的东西。但独立移动站会提高维护成本,响应式设计是未来趋势。采用响应式设计,可以强迫站长凡是手机上不想要、不能要的东西,尤其是需要脚本运行的,那么在PC版上也干脆不要。在页面内容、功能设计上,从移动版出发,而不是传统的从PC版开始,到移动版再去删减。

本地查询词

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

页面针对特定地理位置时,比如页面就是关于“王府井酒店”的,百度建议使用地理扩展meta标注省市名称,甚至具体坐标。

先写这么多,肯定有漏掉的,以后想起来再补充。好久不写博客,都有些不适应了。

最后补一句,我感觉最近两星期,百度也进行了类似Google天劫算法的移动搜索算法更新,不移动友好的页面在移动搜索中排名有下降趋势。

来源:SEO每天一贴 Zac 昝辉


Public @ 2011-10-05 16:20:14

自适应网页设计的方法

昨天中午Google进行了一次在线讲座,讲述自适应网页设计的概念和方法,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验,这里我将该讲座内容简要的整理一下。1、在HTML头部增加viewport标签。在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:<me

Public @ 2017-11-03 15:20:29

什么是自适应网站?自适应站点对百度友好设计

什么是自适应网站?指的是网页通过不同大小终端设备自适应显示,根据屏幕大小、宽度自动调整布局,自适应也可以叫响应式。自适应网站是HTML5的新技术。自适应网站的优点:1、在PC端、手机端和IPAD端都是采用一套代码。2、不需要另外申请其他的域名,一个账号码管理一个后台。3、有效避免网页内容重复,可以专心维护一个网页。4、网站优化更简单,对搜索引擎友好。自适应站点对百度友好设计1、applicable

Public @ 2011-05-13 15:20:31

手机端SEO应该怎么做?

PC端SEO大家都知道怎么做,那么关于手机端的SEO优化大家知道吗?现在手机用户比电脑用户多得多,所以在做SEO的时候,手机端优化也很重要。手机端排名的原理1、使用PC端的索引库手机端没有专用的索引库,用的是PC端的索引库,如果我们要做手机端的PR值和网站权重排名,首先要把PC端的排名做好才行。2、PC端的排名同步给手机端所以我们不用专门给手机端做优化,只要做好pc端,然后同步给手机端即可。手机端

Public @ 2019-07-02 16:20:36

构建一个移动页面需要注意哪些结构

设计,以及设计原则? (1) 结构设计: -构建一个清晰的结构:移动端页面结构要简洁明了,使用者无论从何处进入都能熟悉使用、有可视化的感受; -合理布局:采用弹性布局,适应不同的尺寸屏幕的显示,提高页面的用户体验; -使用合理的链接:链接文本要简短易懂,链接数量要合理,层次不要过于复杂,给用户带来良好的体验; -使用可预测的导航:移动端可以使用引导式菜单、按钮和导航栏等来帮助用户进行页面

Public @ 2023-02-27 12:00:39

更多您感兴趣的搜索

0.137329s