移动站SEO 化注意事项
2018/9/22 9:32:50来源:德道网络
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
(2)、移动页面的字体大小
iPhone 的字体英文为:HelveticaNeue;至于中文,Mac下用的是黑体-简,Win下则为华文黑体。
下图是用户体验做过的 个小调查,可以看出用户可接受的文字大小,像素为单位,也就是大家在PS里的文字像素大小。
Android 的字体为:Droid sans fallback,是谷歌自己的字体,与微软雅黑很像。
同样,在用户体验的调查中,可以看出用户可接受的文字相应问题。
4、页面内容是否能正常访问?
Flash在很多手机 打不开, 如iPhone早就不支持Flash了,复杂的JS效果也可能导致页面内容在手机 根本不能显示,想要被搜索引擎读取的内容和链接不要放在JS或Flash中,就算用户手机能显示,搜索引擎也不 定能解析出来。
页面是否弹窗 制APP下载或用户登录后才能看到内容?这是 度冰桶算法主要打击的对象。
还要注意不要用robots文件禁止搜索引擎蜘蛛抓取CSS、JS和图片等外部文件,不然搜索引擎蜘蛛可能 法判断页面布局,甚至 法正常访问内容。
5、采取移动网页和传统网页相结合的形式
这种方法 要求 套网站内容,但至少要有两套CSS样式: 个用于电脑版本;另 个用于移动版本。
事实 ,你可以建立多个版本的CSS样式,根据不同的移动浏览器自动调用不同的CSS,这种方法可以避免重复内容问题,但它并不是 分之 的可靠,不要期望移动设备能 直都 择正确的样式表。
6、使用动态移动网页
这是 可靠的方法,但也是代价 的方法,你需要雇佣 个程序员,帮你实现通过侦测客户端而对网站内容进行实时转码的功能,而且由于移动技术的不断变化,这也 是 个短期的解决办法,但是,如果你想为用户提供 体验,将SEO的 水平应用到移动站点中,这将是你 的 择。
7、页面打开速度
度现在给出的参考数字是,页面在手机 需要3秒之内打开,不然用户就跑了,以 给的数字是4秒,除了主机速度、带宽等,打开速度也和下面的内容 简有很大关系。
8、做 自主适配
如果是 立URL的移动站,首先做 自适配,手机用户访问了PC版,自动转向到移动版URL,PC用户由于某种 因访问了移动URL,自动转向到PC版URL,这个转向 度建议用301,Google用301、302都可以。