绿色排版工具|热门专题|网站地图|移动官网|微信编辑器
您的当前位置:主页 > 网站优化 > SEO经验分享 > 正文

单页应用Single Page Application的SEO

来源:共相Ebizcamp 编辑:安琦 时间:2016-10-25 22:07:31 阅读:

  1.单页应用?此SPA不是彼SPA…

  我们所说的“单页应用”都为Single Page Application的直译,基本市面上“单页面应用”、“One Page Application”、“SPA”及某些语境下的“webapp ” 都是指这一类移动站点。

  那么典型的SPA是什么样子?我们用手机看看这条URL,http://cc-ng-z.azurewebsites.net/,可以衍生想象一下乘以N倍的:切换页面无需加载的效果,HTML和JS无法比拟的动画,以及对原生APP的追求…..

  单页应用Single Page Application的SEO

  案例采用了angularJS这个鼎鼎大名的框架

  关于HTML5及单页应用的处境,推荐以下两篇文章,第二篇实际上是百度UMX写的,但是现在原文删掉了,可以对自己的移动站点在技术架构上有个抉择和处理。

  HTML5移动应用开发的生态环境简介

  论Web App、Hybrid App以及Native App的设计差异

  2.高科技永远连累我们干苦力的

  为什么这么写,因为SPA对SEO损伤很大,非常大。

  优点当然毋庸置疑:

  效果酷炫,我在视觉和产品面前无从反驳。

  性能高速度快,全JS嘛当然快,我在运维和产品面前无言以对。

  运算分散,异步加载,又省硬件又省流量,我在开发和产品面前彻底投降。

  JS前后端,一个人干一个站的活儿,关于这一点,我在老板、HR和产品面前哭的像一个孩子。

  总之,在各路人马的一番碾压后,我手里的网站改版了,一个SPA诞生了。

  问题接踵而来,

  我发现所有页面都变成了全JS生成;

  所有URL中参数前面都被#分割;

  第三方统计系统无法再正常工作;

  PC和移动的适配正则全部失效了;

  所有人都高兴了,只有你,做SEO的、做网站优化的,欲哭无泪。

  实际上我观察下来,只要使用了SPA架构的站点或多或少收到伤害,当看到有些大站点没做处理,只有可能搜索对于他们是个微不足道的渠道,比如锤子手机官网 甚至不可思议地在PC站点上使用了类似架构,我相信他们的索引是有点问题的。

  这让我想到知乎上一个问题,说AMAZON的URL那么乱(当时)是因为他们不注重SEO吗?答案是不是,是他们更注重tracking。

  同理,SPA带来的优点胜过SEO,我被PK掉了。

  单页应用Single Page Application的SEO

  收录数量少,且1/3是带了不同参数的重复首页

  3.求人不如求己

  在SPA项目面前,我发现我被放在了所有人的对立面,无法抗拒这种时髦架构的上线,当然不得不说效果确实比WAP即视感的站点高端和好用太多,不要螳臂当车逆历史车轮而动。

  既然反抗也很痛,那么享受吧!

  我知道,我还和搜索引擎在一起;老板要的是解决方案,当然回滚这种方案会让我先滚。

  让我们看看一个典型的SPA网站架构

  单页应用Single Page Application的SEO

  我们看到,和传统的服务端生成内容不同,在传统的网站,当你发起请求的时候,页面的组装是在服务器上完成的,反馈给浏览器的是已经完成组装的HTML内容;

  而之于SPA,服务端负责了数据和素材的存储,页面的逻辑执行和组装是在浏览器上通过Javascript完成和呈现的,这也就意味着,SPA不需要请求→接受、请求→接受、请求→接受、请求→接受这样玩了。完全凭借本地数据,即可完成基本的页面请求和访问。

  基于此,当某人需要像APP那样切换页面但不刷新,并要在此基础上做文章时,#(井号)这个奇葩的符号粉墨登场,完成了“又要本地传输数据又不需要刷新页面”这个奇葩需求的历史任务,给单页应用的可抓取性重重一击。

  整个SPA的网站,URL不可抓取,页面内容不可抓取,糟透了。

  解决思路倒也简单,围绕全JS和URL可用解决问题。

  方案一:尽人皆知的Google抓取AJAX方案

  如何让搜索引擎抓取AJAX内容?

  A proposal for making AJAX crawlable

相关文章推荐:

图文精选:

栏目分类

Copyright©2012-2030小蚂蚁信息网版权所有 站长QQ:1614558876


郑重声明:本网站资源、信息来源于网络,完全免费共享,仅供学习和研究使用,版权和著作权归原作者所有,如有不愿意被转载的情况,请通知我们QQ1614558876删除已转载的信息。

Top