在Google搜索中出现AngularJS应用程序问题

Question

我有一个个人项目，耗费我的空闲时间和精力大约一年没有显着的利润。我在谷歌出现了问题，非常感谢在这里获得帮助。

这个项目（http://yuppi.com.ua - 类似于美国的craiglist）是基于WEB的AngularJS 1.2应用程序，它使用GoDaddy上托管的PHP rest API。为了使这个应用程序流行，它必须在互联网上非常明显，并且在谷歌中非常容易搜索，用户必须能够通过社交网络或Skype分享页面。

根据谷歌规范，谷歌抓取工具不会运行javascript来获取索引之前的网页内容，所以我添加了_escaped_fragment_页面，显示没有javascript的网页内容。例如：

Page: http://yuppi.com.ua/#!/items/sub/18/_
Dirty : yuppi.com.ua/?_escaped_fragment_=/items/sub/18/_ 

这个脏页面将被重定向到谷歌将看到的内容。

 http://yuppi.com.ua/server/crawler_proxy/routee.php?path=/items/sub/18/  

所以基本上我在该页面的HTML文件上有两个版本。一个版本是可供用户使用的版本，其中包含样式，更多HTML标签等。第二个版本是Google抓取工具的版本 - 非常轻巧，没有任何样式。而且我希望在Google上看到与我网站的干净链接，而不是很脏。

因此，如果要搜索Google中某个网站的所有链接，您会看到其中一个链接显示为“脏”状态。

另一个问题是在Skype中共享链接。 当我向某人发送链接时，我希望此链接将转换为缩略图，但不会发生。相反，我看到链接到我的网站。

请帮助我了解如何让所有人高兴：用户，Google抓取工具，GoDaddy和我。

Answer 1

去年我遇到了一个大项目的问题，我们最后使用了：https://prerender.io/。

这是一个预渲染系统，可与phantomjs浏览器一起使用，以检测机器人请求并呈现完整的html模板。它还会将缓存服务设置为不再渲染未更改的模板。

希望它有所帮助。