草庐IT

AngularJS2

全部标签

javascript - 如何在 AngularJS 应用程序中使用两个 hashPrefix?

我正在努力使我的SPA搜索引擎优化友好,目前它的链接格式为#/path/page,我正试图移动到#!/path/page,遗憾的是该网站目前正在制作中,它已经在社交媒体上分享了,所以我试图保留旧链接(#/path/page)。有没有一种方法可以重定向此流量或任何变通方法来使哈希前缀#和#!都起作用? 最佳答案 我找到了一个简单的解决方案,不涉及AngularJS,只涉及javascript:if(window.location.hash.indexOf("#/")!=-1&&window.location.hash.indexOf(

angularjs - AngularUI ui-view 内容在 "View page source"中不可见?

我正在使用angularJSv1.2和ui-router。一切都工作得很好。但是关于“查看页面源代码”有一个问题。在我的页面源代码中是空的,无论是在Firefox还是谷歌浏览器中。你能解释一下为什么会这样吗?我在这里遗漏了什么吗? 最佳答案 如果您通过CTRL+U或鼠标右键单击来查看页面源代码,那么您无法将页面源代码视为DOM。您需要使用Firefox的Firebug或Chrome的DeveloperConsole来查看实时DOM。您可以通过按F12键盘来访问它! 关于angularjs

angularjs - 使用 pushState 的 AngularJS 应用程序的 HTML 片段?

我正在决定使用pushState在AngularJS中开发面向客户的应用程序是否安全。我读到过,在AngularJS应用中使用pushState时,我们无需担心Googlebot,因为它现在可以执行足够的JS来为自己生成HTML片段。但后来我想知道Bing、Facebook和其他机器人和爬虫。我看过的使AngularJSSEO友好的教程都涉及使用hashbangs(#!)的应用程序。这些不适用于我,因为我没有使用hashbangs。有没有人知道这个问题?有哪些方法可以确保使用pushState的AngularJS应用SEO友好和社交抓取工具友好?如果您使用像Seo4Ajax或prere

AngularJS SEO htaccess : redirect root domain to snapshot

我在html5模式下使用angular$routeProvider.otherwise({redirectTo:'/index'});$locationProvider.html5Mode(true).hashPrefix('!');为此我有htaccess来处理谷歌索引#RewriteanythingwithgoogleappendedstringtoenglishversionofthesnapshotRewriteCond%{QUERY_STRING}^_escaped_fragment_=RewriteCond%{HTTP_HOST}^touchtyping.guru[NC]R

angularjs - Angular 元数据服务 [$injector :unpr]

我正在为我的网站和SEO优化编写元数据服务,但似乎我无法克服错误。我不确定为什么。我在head标签中插入了我的htmlController标签ng-controller="MetaDataCtrl"。我是Angular的初学者,我正在从在线教程中抓取。我在以下位置找到此代码:dynamicmetadatainangularMain.jsvarapp=angular.module('WebApp',['ngRoute']);angular.module("WebApp").service("metadataService"["$location","$rootScope",functio

angularjs - 如何构造 ui-router 以具有 SEO 友好的 url 结构

我在AngularJS中使用ui-router时遇到url结构问题。我想要像这样的一级SEO友好url结构:https://people-profile.com/mike-david-tringe所以我可以通过stateParam获取SEO名称“mike-david-tringe”,并使用它在数据库中查找数据并填充页面。$stateProvider有这样的代码:$stateProvider.state('people',{url:'/:nameUrl',templateUrl:'app/frontend/page.tmpl.html',params:{nameUrl:{squash:t

AngularJS Web 应用程序

我的Web应用程序有问题,我尝试在用户输入/#/home以显示文本时执行此操作。varapp=angular.module('cacat',['ngRoute']);app.config(function($routeProvider,$locationProvider){$routeProvider.when('/home',{template:'DADA'}).otherwise({redirectTo:'/'});if(window.history&&window.history.pushState){$locationProvider.html5Mode({enabled:tr

javascript - AngularJS 和 SEO 说明

我正在尝试找出使angularJS网络应用程序对SEO友好的最佳方法。我读过这个HowdosearchenginesdealwithAngularJSapplications?它推荐使用:因为我的网络应用程序使用的是html5模式。访问根url时网站运行良好/并正常浏览到其他区域,但只要我重新加载/刷新网站(当我不在根url中时),它就会返回urlnotfoundAdditionally,a404NotFounderrorwasencounteredwhiletryingtouseanErrorDocumenttohandletherequest.目前我的理解是,使用这个技巧,goog

angularjs - 如果我的 Apache 服务器不允许代理,如何利用 prerender.io 服务

有了一个Angular应用程序,我想从搜索引擎机器人的HTML预呈现中受益。这是我的.htaccess配置:RequestHeadersetX-Prerender-Token"My_Token"Options+FollowSymlinksRewriteEngineonRewriteCond%{HTTP_USER_AGENT}baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|quora\link\preview|showyoubot|outbrain|pinterest|slackbot|vkS

angularjs - SEO:谷歌是否识别通过 Angular 动态插入的文本?

我创建了一个AngularSPA,可以在各处动态插入文本,但更具体地说,它有一项服务可以动态更改每个页面的标题标签。谷歌能够正确地索引这个吗?请参阅ps101.com了解实际操作。 最佳答案 你会在这里找到一些信息:http://mono.software/2016/02/18/SEO-for-javascript-applications/http://searchengineland.com/can-now-trust-google-crawl-ajax-sites-235267#.Vq9umCaPP-Y.twitter@eyw