[365站群工具]使用Prerender.io为角度项目做SEO

现在项目为了更好地分工是明确的，耦合的减少开始采用前端分离的形式进入开发，我们也使用这种形式的开发，前端与角度发展。虽然在开始时也遇到了各种各样的坑，但在后期熟悉之后**很酷。一个更大的坑是SEO问题，页面路由的前端分离通常放在前端，Hashbang方法控制路由。但是有些情况下页面无法被搜索引擎爬行，这对搜索引擎来说是一场灾难。解决方案存在问题，一般的做法是添加一个服务器可以渲染中间件的静态页面，类似于幻影，zimbile.js，只要发现是要爬行的搜索引擎蜘蛛，就可以返回到静态页面Prerender.io是一个现成的工具。Prerender.io是一个与许多不同平台兼容的服务，包括node，php和Ruby。该服务是完全开源的，但如果您不'不想构建自己的SEO服务器，您可以使用他们提供的解决方案。PreRender人们认为SEO是正确的，而不是特权，他们做了一些很大的工作来扩展他们的解决方案，添加了许多自定义功能和插件。 让's看看如何使用： 前端（客户端）配置
URL中#的形式

在应用程序定义了ANGULARJS代码，我们需要将此代码添加到我们的路由配置中：$locationProvider。Hashprefix（'！'）;此方法将重写您的URL。相对于标准地址http://localhost：3000/#/home您的URL地址如下所示http://localhost:3000/#!/家庭表格

如果您正在使用HTML5模式（HTML5模式），则不会看到任何差异。

的#！URL中的内容非常重要，因为它告诉crawler您的程序具有AJAX内容并需要它来执行Ajax爬行转换。

角度模块（'myApp'）。配置（['$locationProvider'，函数（$locationProvider）{$Locationprovider.hashprefix('! '); }]);

Google和其他搜索引擎将使用'#！'地址并将其转换为'？_逃逸fragment=北京白帽站群最新'

例如，Google找到了地址

Http://www.example.com/#！/用户/123

它将此请求发送到服务器

Http://www.example.com/365站群工具？_逃逸fragment=/user/123

URL中没有#的形式（具有HTML5推动状态）1。配置Index.htmlto

角度模块（'myApp'）。配置（['$locationProvider'，函数（$locationProvider）{$locationProvider。Hashprefix（'！'）;$位置提供者。Html5mode（true）;}]）;

如果使用Html5mode表单，Google发现URL将添加到后台？_逃逸fragment=例如，Google找到了地址

http://www.example.com/user/12380 81 82将发送这样的请求


服务器端配置首先注册一个帐户Https://prerender.io和获得令牌。其官方网络有各种环境配置，如节点。js，Ruby，Nginx，Apache等，这里只说APAHCE配置。它提供了一个配置文件。htaccess，所以首先验证。htaccess文件已启用。然后将以下配置添加到。htaccess文件
Requestheader Set X-prerender-token"Your token"<;Ifmodule>write engine on#Don't重写文件或目录重写%{request_filename}-f[or]重写con D%{reque句子句子太长，句子太长，句子太长，太长，太长，太长，太长，太长，太长，http.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.CoRoRoRoCoCoCoCoCoRoRoRogerBot rogerbot rogerbot rogerbot rogerbot rogerbot rogerbot LoyeyebebebebebebebedLoLoLoLoLoLoLoLoRa \ \ \ PrePrePrePreview | showyoubot | | pinterest | slackbot | vkshare | W3c_验证[Nc，或]重写验证[Nc，或]或]重写验证Cond%{query_string}_escaped_fragment_#仅代理请求以预先呈现's HTML重写规则的请求^（？）？！。*? 句子.js 124\\124\124124124\\\|..........................................................................................jpg |.....365站群工具...jpg \|.....T | \.mpg | \.mpeg | \.tif | \.wav | \.mov | \.psd | \.ai | \.xls | \.mp4 | \.m4a | \.swf | \.dat | \.dmg | \.iso | \.flv | \。M4v | \.torrent | \.ttf | \.woff））（。*) http://service.prerender.io/http://示例/$2[P，L]#将其他所有内容重写为index.html-允许HTML5状态链接重写规则^index.html[五十] 
确保启用Mod_headers，Mod_write，Mod_proxy_http三个模块。
成功配置后Prerender.io将具有它的缓存页面，也可以手动添加。搜索引擎爬行情况将此爬行状态在反应中。接下来看看网站在每个搜索引擎收集情况下，谷歌或包含速度相对较快，百度无法吐沟太慢，无论如何我配置一周百度有点反应，不知道多长时间。让'暂时这样做。参考https://prerender.io/js-seo/angularjs-seo-get-your-site-index-and-to-the-top-of-the-search-results/https:/ /scotch.io/tutorials/angularjs-搜索引擎优化与prerender-iohttp://www.oschina.net/translate/Angularjs seo与prerender io
使用Prerender.io为角度项目做SEO

本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。如若转载，请注明出处:http://www.botadmin.cn/sylc/5403.html