草庐IT

AngularJS2

全部标签

WordPress + angularJS 路由 + SEO

我目前正在进行一个我想拥有的项目:Wordpress可轻松管理内容。AngularJS用于一些UX(目标是没有页面重新加载+页面加载之间漂亮的动画)+其他功能。并关心SEO。为此,我使用Angular的Route模块让用户获得更流畅的体验,并使用AngularHTML5“漂亮的urls”模式来“Hook”页面切换(无hashbang->自然链接)。我不想生成hashbang,因为它比让Wordpress生成内容更难维护(使用phantom.js服务器等的HTML快照)。所以我的意图是让angularJS控制用户的导航,让wordpress在用户F5和SEO机器人(无JS)时生成内容。但

angularjs - 如果缺少哈希前缀,则在配置阶段添加哈希前缀

我现在正在将phantom集成到我基于Angularjs的Web应用程序中。This很好的文章说我应该调用$locationProvider.hashPrefix()方法来将前缀设置为“!”SEO原因(允许爬虫拦截URL的_escaped_fragment组件)。问题是我没有想到之前的,我的一些URL如下所示:#/home.我虽然也许有一种方法可以植入这个'!'在APP的配置功能中以编程方式(如果它不存在)将字符插入URL的开头,而不必手动编辑大量标记。 最佳答案 我遇到过类似的问题,手动(搜索/替换)遍历所有链接并修复它们。我遇到

angularjs - 使你的 Angular 项目 SEO 友好的 2015 年最新方法

我建立了一个大型angularJS网站,并通过部分加载json文件使其成为多语言。我的网站充满了这些字符串:{{'TITLE'|translate}}我不确定如何使它们对SEO友好。我在互联网上找到了很多解决方案,但也有很多人表示不再需要它,因为Google和Bing可以扫描Angular项目。所以我将我的项目设置为html5=true,但它创建了一个错误失踪。所以我实现了一个但我的项目后来部署到子文件夹/staging/所以所有链接都断开了。(我的开发环境和现场环境有不同的基础)我不喜欢依赖像prerender.io这样的第三方让您的Angular项目SEO友好的最新方法是什么。还有

angularjs - Prerender 缓存有 Google 伪装惩罚的风险吗?

在让Google抓取工具解析我们的AngularJS网站时出现一些问题后,我们使用Prerender来提供抓取工具友好版本的页面。此方法运行良好-除了网站站长工具表明我们的网站速度因Prerender的延迟而大幅下降。我们担心这会影响排名。所以两个问题:Google是否使用Prerender页面来测量网站速度-或者我们网站的(真正的)启用Javascript的版本?我们怀疑是前者。一种可能的解决方案是缓存预渲染页面。然而,由于页面被放入缓存和返回到爬虫之间存在时间延迟,这些缓存页面可能无法完全匹配用户看到的内容-例如我们可能会向页面添加其他产品,标题/元标签反射(reflect)了任何

angularjs - LinkedIn 爬虫可以读取 SPA 页面吗?

我正在使用PhantomJS和Angular-seopackage.我设法将其配置为与Facebookopen-graph一起使用,但LinkedIn似乎不支持_escaped_fragment_格式,只是忽略了hasbang请求index之后的路由.html应用程序页面,而不是myapp.com/?_escaped_fragment_=client_side_path。我该怎么做才能解决它? 最佳答案 不幸的是,解决这个问题的唯一方法是检查机器人的用户代理并向他们发送静态版本。根据this,LinkedIn机器人的用户代理是这样的

javascript - Google 不抓取 AngularJS 应用程序中的链接

我有一个注入(inject)到第3方站点的AngularJS应用程序。它将动态内容注入(inject)到第3方页面上的div中。Google已成功将此动态内容编入索引,但似乎并未抓取动态内容中的链接。链接在动态内容中看起来像这样:LinkHere我正在为链接使用查询参数,而不是像这样的实际url结构:http://www.example.com/support/title/ExampleTitle/titleId/12345我必须使用查询参数,因为我不希望第3方站点必须更改其Web服务器配置以重定向未找到的URL。单击链接时,我使用$locationService更新浏览器中的url,

angularjs - 使用 Amazon S3 时如何将爬虫请求重定向到预渲染页面?

问题我有一个使用Angular构建并托管在AmazonS3上的静态SPA站点。我正在尝试让爬虫访问我的预呈现页面,但我无法重定向爬虫请求,因为AmazonS3不提供URL重写选项并且重定向规则有限。我有什么我已将以下元标记添加到我的index.html页面:此外,我的SPA使用漂亮的URL(没有散列#符号)和HTML5推送状态。使用此设置,当爬虫找到我的http://mywebsite.com/about时链接,它将生成一个GET请求http://mywebsite.com/about?_escaped_fragment_=.这是patterndefinedbyGoogle然后是其他爬

angularjs - 使用 Grunt 为 AngularJS 生成 HTML 文件

我们正在使用AngularJS开发一个网站,并希望为搜索引擎的每个AngularJS页面提供静态HTML文件。该网站很小,而且是静态的,大约有10-20个页面。grunt中有没有可以基于Angularapp生成HTML文件的task?例如。它为Angular应用程序的/#about页面生成/static/about.html。我看到了像PhantomJS这样的服务和脚本,但对于我们的案例来说它们看起来太复杂了。由于网站是静态的,我们可以在每次要发布任何更改时运行该任务。 最佳答案 PhantomJS确实是要走的路。但是,现有工具基本

ruby-on-rails - 我们如何使用 angular-translate 为 AngularJS 网站做 SEO?

我们有一个使用angular-translate提供中文和英文版本的网站。前端确定语言设置。从客户端来看没问题,但是当googlebot出于SEO目的抓取我们的内容时,他们无法抓取内容。相反,他们在翻译之前抓取语法{{'CONTENT_1'|translate}}也如下图所附!GoogleBotsearchresult我们目前正在使用ajaxsnapshots为谷歌机器人提供快照。想知道是否有人知道如何使用AngularJS和Angular翻译正确地提供国际化内容! 最佳答案 当前的问题与angular-translate无关,而是

AngularJS SEO for 404 Status for Document Similar to This Website

我正在尝试弄清楚如何为我的AngularJS应用程序上未找到的页面获取404文档状态错误以保持良好的SEO。我想做一些类似于RedBullSoundSelect网站做的事情,但我不确定他们是怎么做的?示例404网址https://www.redbullsoundselect.com/no-page-here如您在上面的示例中所见,URL更改为/404,您会收到URL中原始路径的404文档状态错误,即no-page-here在我的AngularJS应用程序上,我只有:.otherwise({class:'page-not-found',title:'404PageNotFound',de