草庐IT

AngularJS2

全部标签

javascript - PhantomJS 是否支持 ES6 为爬虫和机器人提供 angularjs 应用程序?

我正在尝试使用ajax-seo让Angularjs应用程序从PhantomJS网络服务器提供html编译内容。但它并没有呈现完整的页面。它只是给出以下响应我已经很好地按照说明进行操作,但到目前为止运气不好。所以我想知道PhantomJS是否支持ES6,因为我的应用程序是在ES6中。 最佳答案 PhantomJS2.1.1仅支持大约10%的ECMAScript6,这可能不足以正确呈现您的页面。这是基于https://kangax.github.io/compat-table/es6/的稍微更详细的结果:Overallcoverage:

angularjs - 如何为 AngularJS 网站构建 sitemap.xml?

我已经设置了一个使用ui-state路由器的AngularJS应用程序。它有一些静态页面,除此之外还有配置文件页面,这些页面根据配置文件ID生成动态页面。出于SEO目的,我使用了PhantomJS并生成HTML以提供爬虫响应。但是,我怎样才能生成包含所有动态页面URL的sitemap.xml并通过该爬虫可以获取并在搜索引擎上列出? 最佳答案 使用JavaScript您可以使用XMLWriter创建XML。然后您可以将此XML作为字符串传递给您的Web服务器。查看XMLWriter.这是使用XMLWriter编写XML的可用方法的教程

angularjs - 有没有办法让 AngularJS 优先使用 HTML?

有没有办法从服务器获得一个带有预填充值的HTMLView,然后让AngularJS将这些值读入它的$scope?我在想HTML是这样的场景:TestTitle33Item1TitleUpdateJavaScript是这样的:functionTestController($scope){$scope.update=function(){console.log($scope.title);//Shouldlog"TestTitle"};}这背后的想法是让服务器呈现搜索引擎可以索引的HTML,但有一个内容的JavaScript模型表示用于通过JS进行操作。 最佳答

javascript - AngularJS - SEO - S3 静态页面

我的应用程序使用AngularJS作为前端,使用.NET作为后端。在我的应用程序中,我有一个ListView。单击每个列表项时,它将从S3获取预呈现的HTML页面。我正在使用Angular状态。app.js...state('staticpage',{url:"/staticpage",templateUrl:function(){return'http://xxxxxxx.cloudfront.net/staticpage/staticpage1.html';},controller:'StaticPageCtrl',title:'StaticPage'})StaticPage1.h

javascript - 为 AngularJS + Spring MVC 网站生成静态 SEO 页面

我有一个使用SpringMVC+AngularJS的项目。所有数据都是动态的。在此应用程序中有一些大型位置数据库。出于SEO目的,需要为每个位置生成静态页面并将它们放在SEO友好的URL上(例如/localhost/path1/path2/here-is-very-friendly-name)最好的制作方法是什么?我应该单独生成一个页面并将它们放在与主应用程序不同的文件夹中(如果是,最好的制作方法是什么?),或者我可以使用Spring/Angular吗?(更多信息)每个位置的对象包含id、name、latitude、longtitude、address、地区、城市、国家/地区。

angularjs - 如何将 sitemap.xml 添加到 angularJS 站点?

我在应用程序文件夹中添加了sitemap.xml,但我如何将其公开以便谷歌网站管理员工具可以获取它?谢谢 最佳答案 来自谷歌的BuildandSubmitaSitemap文档:TherearetwodifferentwaystomakeyoursitemapavailabletoGoogle:SubmitittoGoogleusingtheSearchConsoleSitemapstoolORInsertthefollowinglineanywhereinyourrobots.txtfile,specifyingthepathtoy

angularjs - 我的 AngularJS 应用程序的谷歌索引

Google有一篇博客文章称他们正在为javascript应用程序编制索引。但是,我的AngularJS应用程序www.fore-cite.com似乎根本没有被索引。为了启用索引并使内容可搜索,我必须做些什么特别的事情吗? 最佳答案 Google抓取工具确实会在其抓取的页面上执行javascript。使用AngularJS,您必须采取几个步骤来确保您的应用程序被正确抓取和索引。HTML5模式Youmustusehtml5mode.网络服务器设置要使html5模式正常工作,您必须配置您的网络服务器,以便将对不存在的目录的请求重写为in

angularjs - 在 Angular UI-Router 的动态 View 中添加一个 SEO 友好的 Url Slug

在Angular设置中,我选择了AngularUI-router来在View之间切换。我的配置如下:.config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/app/home');$stateProvider//Nav.state('app',{url:'/app',templateUrl:'templates/navbar.html',abstract:true,controller:'AppCtrlasapp',})//Home.state('app.home',{url:'

angularjs - 如何使用 Angular pushstate URL 抛出真正的 404 或 301

我正在使用$routeProvider和$locationProvider来处理单页应用程序(SPA)中的pushstateURLS,如下所示:angular.module('pets',[]).config(function($routeProvider,$locationProvider){$locationProvider.html5Mode(true);$routeProvider.when('/pet/:petId',{controller:'petController'});}).controller('petController',function($scope,petS

angularjs - 具有渐进增强功能的基于混合页面/单页的网络应用程序(Angularjs、Ember.js)?

我想知道是否有人找到了解决此问题的方法。有没有办法两全其美:构建一个基于页面的站点,具有永久链接、可访问性、SEO和优雅的回退/渐进增强(基本上所有bestpracticesofwebdevelopment)并且,对于那些使用javascript的人来说,通过ajax加载内容的响应式前端体验,在浏览基础网站页面时没有页面刷新,脚本/内容/css等的冗余下载最少。(AngularJs或Ember.js等客户端框架的所有优点)我看到一些主要网站能够管理这个(gmail、stackoverflow),我看到Jeff'snewsite在noscript标签中构建网站的基本版本。基于页面/单页面