草庐IT

angularjs-filter

全部标签

angularjs - 如何在 AngularJS 单页应用程序中返回 http 状态代码?

我有一个AngularJS单页应用程序,用于显示短期资源,其url类似于/auction/103。但是,当资源不再可用时,我希望从搜索引擎的索引中删除该页面。因此,当搜索引擎爬虫经过时,我需要返回状态码410或404。但是,对于页面未在服务器上呈现的单页面应用程序,我该如何做到这一点? 最佳答案 当您使用Prerender进行SEO时,您可以指定一个元标记,使Prerender向搜索引擎爬虫返回一个http状态代码:https://prerender.io/server#http-headers.我创建了一个Plunker来使用An

angularjs - SEO:Google 如何索引 Angular 应用程序 2016

Angular应用程序索引的现状如何?有很多谣言说谷歌了解Angular客户端编译。但我们仍在努力让它理解我们的动态标题。可以看看here.UPD:也在GoogleForums上询问.UPD2:现在它不存在了,但这只是因为我将默认文本放入其中并使用了ng-attr-,如下所示: 最佳答案 Google在SPA上花费的时间似乎比在标准网站上花费的时间更多。当我插入我的投资组合时,我也有同样的想法。推送后大约两周,结果是“人类可读的”,这是当前结果的屏幕截图: 关于angularjs-SEO

angularjs - AngularJS 自定义指令对搜索引擎来说是否类似于 HTML5 语义标签?

我们都知道HTML5语义标签的最大优势之一是SEO。但是SEO是否认为所有(阅读自定义、非HTML5)标签都是语义的?假设我正在制作一个电子商务门户网站,它使用AngularJS前端销售鞋子,并使用如下自定义Angular指令:我知道shoeClass对Google机器人来说是不可见的,因为在编译AngularJS之前它不存在,但DOM本身确实存在于静态HTML中。因此,标签肯定对机器人可见。但是机器人会理解这个标签吗?这会给我加分吗(考虑到SEO的所有其他方面都得到了照顾,并且我使用Meteor或PhantomJS提供静态预渲染页面)?或者机器人会将标签丢弃为乱码?

angularjs - 如何捕捉 Angular 1.x 网站上的出站链接点击?

我正在trycatch指向外部网站的链接点击,以便稍后跟踪它们。类似于foo但跨越所有DOM树。大部分内容来自外部REST服务器,因此我无法使用ng-click那里。谢谢。 最佳答案 你可以做的是写一个名为a的指令angular.module('tracking',[]).directive('a',function(){return{restrict:'E'link:function(scope,element,attrs){element.on('click',function(){if(attrs.target==outsid

javascript - Google 更新和 AngularJS/JavaScript 网站

谷歌今天(2014年5月28日)宣布,JavaScript内容将由谷歌机器人呈现。哇好消息!因此,无需为抓取目的提供一些预呈现的页面。在http://googlewebmastercentral.blogspot.de/2014/05/understanding-web-pages-better.html上阅读更多相关信息可是我高兴得太早了。我关闭了我的预呈现服务,让谷歌使用网站管理员工具抓取我的网站。在查看呈现的HTML代码后,我发现:很明显,Google没有正确呈现ng-view(希望目前)。所以我打开我的预呈现服务并再次抓取网站。这是第二个问题:Google不会自动将URL中的h

angularjs - SEO - 如何要求爬虫在爬行之前等待数据加载?

我正在使用mvvc框架(Angular),但在为站点数据编制索引时遇到了一些问题。所有静态数据都可以正常抓取,但云数据库中的动态数据会丢失。有什么方法可以礼貌地要求爬虫在开始之前等待几百毫秒? 最佳答案 没有办法告诉蜘蛛等待。这会适得其反,因为他们的工作是尽快索引数据,每次等待都会累积成几天/几周/几个月的延迟。(请注意,Google已经探索了一些javascript渲染,但这对XHR内容没有帮助)。正确答案是探索MakingAJAXApplicationsCrawlable.这种方法的要点是您在部署过程中使用prerender.i

javascript - 如何影响 AngularJS 的 HTML 呈现优先级?

我正在通过PhantomJS通过Selenium为搜索引擎机器人预呈现我的HTML页面,以便他们可以看到完全加载的内容。目前,在PhantomJS到达页面后,我等待5秒,以确保所有内容都已加载。与其每次都等待这5秒,我考虑的一种解决方案是等到属性html-ready在上标签设置为真:.......controller("AnyController",function($scope,$rootScope,AnyService){$rootScope.htmlReady=false;AnyService.anyLongAction(function(anyData){$scope.anyD

javascript - SEO 和 AngularJS

我正在使用AngularJS构建一个Web应用程序,我需要对它进行全面的SEO优化。似乎对于少数人来说,谷歌能够抓取Angular应用程序,但不清楚它是否可以读取所有内容(例如,我读到指令无法解释)。那么今天,即使我们使用全套JS函数,angular应用程序是否完全兼容google?其他引擎呢?我们还需要为雅虎或微软生成fantomJS静态代码吗? 最佳答案 截至今天,AngularJS仍未完全针对SEO进行优化。因此,许多开发人员仍然觉得有必要使用像Predender.io这样的服务。或使用PhantomJS编写自己的实现在SEO

javascript - AngularJS 如何拥有网站服务器 SEO 友好页面

您可以在http://docs.angularjs.org/?_escaped_fragment_=/tutorial/step_09查看AngularJS.org为Google机器人和其他抓取工具提供的预呈现内容示例。我很好奇这是如何实现的。他们似乎并没有使用headless浏览器来生成快照,而是在服务器端呈现标记。但我似乎无法在他们网站的Github存储库中找到这是如何实现的:https://github.com/angular/angularjs.org 最佳答案 你可以看看thisarticle解释如何为每个服务器配置启用预

angularjs - 动态内容单页应用SEO

我是SEO的新手,只是想了解它如何为具有动态内容的单页应用程序工作。在我的例子中,我有一个单页应用程序(由AngularJS提供支持,使用路由器来显示不同的状态),它提供了一些基于位置的搜索功能,类似于Zillow,Redfin,或Yelp.在mt站点上,用户可以输入位置名称,站点将根据位置返回一些结果。我正在尝试找出一种方法使其与Google配合良好。例如,如果我在Google中输入“ApartmentSanFrancisco”,结果将是:当用户点击这些链接时,网站将显示正确的结果。我正在考虑为我的网站提供类似的SEO。问题是,页面内容完全取决于用户的查询。用户可以通过城市名称、州名