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

谷歌AMP和百度MIP怎样应用于电子商务网站?

前两篇帖子都是关于移动搜索优化的,一篇是Google的AMP(加速移动页面),一篇是百度的MIP(移动网页加速器),这两个技术基本上是一样的,都是为了使用户能更快速打开移动搜索结果页面,简单说其原理都是大大简化和缓存的HTML页面。不过因为AMP或MIP限制了很多东西,如CSS、JS、HTML代码等,也就限制了不少功能,我在写谷歌AMP帖子时就疑惑过,这种简化的移动页面是不是不适用于需要较复杂功能

Public @ 2016-03-18 16:20:23

谈谈响应式网站前端设计

响应式网页设计是根据访问者的使用设备不同,调整网页展示的宽度和高度,以合适的比例分辨率自适应平台屏幕宽度,使界面更美观,从而更好地了解用户要求,提高用户体验。 响应式网页设计主要是从CSS3层面进行实现,通过媒体查询功能和流功能,可以有效地根据屏幕宽度改变网页布局,自动适应不同机型显示,从而实现页面的自适应效果。另外,还可以通过在不改变设计思路的情况下,使用mixin技术或者百分比布局,实现

Public @ 2023-03-04 22:48:23

移动端网站SEO优化该怎样做?

以下是移动端网站SEO优化的方法: 1. 移动友好性:确保您的网站在移动设备上运行时可用且易于使用。您可以使用响应式设计或适配性设计来实现这一点。 2. 加载速度:移动设备通常比桌面设备的网络速度慢,因此需要确保您的网站在移动设备上快速加载。使用压缩图像,减少JavaScript和CSS文件的数量,以及使用浏览器缓存等技术可以帮助加快网站加载速度。 3. 表单设计:在移动设备上填写表单可能会

Public @ 2023-06-03 00:50:22

移动端网站建设如何提高资源的易用性

以下几种方法可以帮助提高移动端网站资源的易用性: 1. 压缩和优化图片: 移动端网站需要考虑数据传输的速度,因此要确保网站的图片被压缩并进行了优化。这将减少图片大小并提高页面的打开速度。可以使用压缩工具对图片进行压缩,例如TinyPNG或Kraken.io。 2. 减少页面的资源请求: 在移动端浏览器上,过多的请求会引起较长的等待时间和页面加载时间。因此,优化和减少资源请求次数是必要的。可以使

Public @ 2023-04-27 06:00:10

更多您感兴趣的搜索

0.420230s