移动搜索差异与PC端搜索的因素主要在两个方面,一个是考虑手机用户区别于电脑的特殊用户体验,二为了提供更加满足搜索需求的高质量内容地域性需求被强化。对于地域性需求很强的行业或者公司业务基于本地用户的,从某些程度来说更加利于网站移动SEO操作的。
大部分PC端页面优化技巧依然适用
关键词研究、网站架构和URL设计、页面关键词布局、文案写作、导航及内部链接系统设计等大部分PC版网站优化技术依然适用。没必要把移动页面优化当成一个和PC页面优化完全不一样的技术,说到底,为搜索用户提供高质量内容的目标是一样的,只不过需要考虑手机用户的特殊用户体验需求。目前的移动搜索排名就是PC搜索排名加上移动因素进行一些调整。
下面谈谈移动页面特殊的地方,独立URL的移动站和网站响应式设计设计的移动站都适用。独立URL和网站响应式设计选择哪个。
一、网站响应式设计网页设计,做好自主适配
现在很多网站都使用了网站响应式设计网页设计(Response-Web-Design),以满足庞大的移动端用户群的需要。但是在技术上设计了网站响应式设计的网页之后,出于SEO的考虑,你还要照顾到如何对百度更友好,即告诉百度“我是网站响应式设计页面”,方便百度进行识别校验。
浏览器对网站响应式设计识别校验代码
在网站响应式设计网页设计中,我们使用meta标签来告诉浏览器网页的网站响应式设计规则。如:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
这个meta,user-scalable=yes 是声明网页可以缩小放大。
通用搜索引擎对网站响应式设计识别校验代码
<meta http-equiv="Cache-Control" content="no-transform" />
这两个meta,no-siteapp和no-transform,是告诉搜索引擎不要把网页转码。
网站响应式设计网站设计对百度友好的关键,使用上面两个meta声明,百度就能识别网站响应式设计网页了。
为了对百度更友好,让百度更方便识别校验,我们要再添加一个meta标签。方法也很简单,只要在上面viewport标签下面再添加一个applicable-device标签就行:
<meta name="applicable-device" content="pc,mobile">
这个meta标签,表示页面同时适合在移动设备和PC上进行浏览。
不是所有网站都适合网站响应式设计设计
网站响应式设计网页设计(Responsive Web Design)是指可以自动识别终端设备屏幕的大小从而做出相应调整的网页设计方法。这种网页设计方法完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认网站响应式设计至少有4个好处:提升用户体验;PC端和移动端SEO保持一致;避免重复内容和出错内容;链接统一。
而网站响应式设计比较明显的缺陷是,开发成本比较高,尤其是要构建包含额外编程的复杂的网站响应式设计网站,所需的时间会比较长。如果网站需求较简单,有许多开源模板可供选择。
对于已经比较成熟PC网站来说,如果要实现全站的网站响应式设计,有可能需要推掉原来所有的代码进行重构,时间和技术成本都比较大,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度,所以现在有很多网站只在移动端实现了响应式布局设计。
下面就说说如何把网页改为网站响应式设计吧,我为什么说很简单?因为你不需要任何高深的网页设计技术,你只需要懂一点html、一点css,而修改耗时对于一张普通网页来说,确实只需几个小时。
<meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
前面两个meta,no-siteapp和no-transform,是告诉搜索引擎不要把网页转码。第三个meta,声明网页可以缩小放大。
二,移动端页面是否方便手机用户浏览、点击?
这是个用户体验问题,而用户体验是现在SEO,尤其是移动SEO的重要内容之一。包括很多细节,
1、字体是否够大?如果字体太小,用户需要放大才能阅读,显然谈不上移动友好。上下滑动页面一般是必要的,但需要左右滑动页面才能看全内容,在手机上是很不方便的。
2、是否有大面积广告?在PC页面上,大量广告就够讨厌的了,在手机上简直就没法忍了。
3、导航和内容中的链接是否容易点击?按钮是否足够大?字距、行距是否足够?不要低估了用户们手指头的粗度。手机页面广告点击率大大超过PC端,不是因为手机用户喜欢广告,而是误点的太多了。
4、Title不要太长。PC搜索结果中页面标题可以显示20多个字,在移动搜索结果中,这么长就被显示成两行了,虽然占的地方大了,但其实视觉上比较乱,反而不明显。
5、购物或其他功能是否够简单?在手机上填写表格比在电脑上难多了。手机横竖方向变化时,页面是否自动调整显示宽度?
6、页面内容是否能正常访问?Flash在很多手机上打不开,比如卖肾都要买的iPhone早就不支持Flash了。复杂的JS效果也可能导致页面内容在手机上根本不能显示。想要被搜索引擎读取的内容和链接不要放在JS或Flash中,就算用户手机能显示,搜索引擎也不一定能解析出来。
7、页面是否弹窗强制APP下载或用户登录后才能看到内容?这是百度冰桶算法主要打击的对象。
8、还要注意不要用robots文件禁止搜索引擎蜘蛛抓取CSS、JS和图片等外部文件,不然搜索引擎蜘蛛可能无法判断页面布局,甚至无法正常访问内容。
9、页面打开速度。百度现在给出的参考数字是,页面在手机上需要3秒之内打开,不然用户就跑了。以前给的数字是4秒。除了主机速度、带宽等,打开速度也和下面的内容精简有很大关系。
10、非主体内容、功能大幅精简?PC版页面经常看到两三行顶部导航,这在手机上就没法看了。通常手机版本要大幅删减导航系统,包括顶部导航、面包屑和侧栏导航。即使保留完整主导航,也得折叠起来,用户点击时再打开。如果要显示顶部导航,最多5、6个就差不多了。
11、同样,广告、页脚、相关文章、Tag链接等PC页面上常见的内容,能删则删,手机上很难容得下这些内容。同时,删减这些内容页可以使页面HTML代码大幅减少,提高页面打开速度。
12、使用CSS可以隐藏导航等内容,但会产生冗余代码。如果需要隐藏的比较多,不如直接从HTML代码中删除,减小页面文件。删除、缩小、压缩图片,提高打开速度。删除没有十分必要的功能。
13、如移动站点地理位置信息添加,在处理搜索请求时会有基于基于的优先权。
由于使用场景的特性,移动搜索有更强地域性。在手机上搜索吃喝玩乐、旅游、地图、路线、天气等的用户数量很大,做移动SEO时,更要关注地名+主查询词这种搜索,如“北京饭馆”,“中关村酒吧”之类的词
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » 网站SEO做好移动版优化的重要性