草庐IT

javascript - Angularjs编码偏好查询: Is it bad to code ng-clicks on divs vs using anchors for google search seo?

使用CSS,我可以通过允许用户单击整个列表项而不是其中的anchor来获得更好的外观、感觉和功能。悬停等看起来更好,anchor标签对顶部和底部填充很挑剔。但是我不想牺牲谷歌搜索的抓取能力。刚刚加入Angular潮流,但从过去的经验中知道anchor标签是网站其余部分的关键。Angulars路由会处理这个问题吗?添加rel="me"会有帮助吗?不管我的问题是-哪个更适合谷歌抓取:{{item.nav}}或:{{item.nav}}还是根本不重要?其他代码:functionnav($scope){$scope.templates=[{name:'header.html',url:'tem

javascript - SEO和抓取: UI-Router ui-sref VS ng-click

环顾四周后,我对此事没有得出结论:Google和其他搜索引擎是否会抓取只能通过ng-click访问且没有anchor标记的页面?或者是否始终需要anchor标记才能使抓取成功进行?我必须构建以通用方式链接到其他页面的各种元素,而ng-click在灵active方面对我来说是最佳解决方案,但我想Google不会“点击”这些元素,因为它们没有anchor标签。除了明显的ui-sref标签外,我还有其他解决方案,例如:Linkname虽然我也不确定这是否是一个好的做法。有人可以为我澄清这个问题吗?谢谢。 最佳答案 单页应用程序通常对SEO

javascript - 如何使 ng-repeat 内的链接可被 SEO 索引?

我在根页面中有这样的代码(例如http://www.example.com):url每个url只是一个SEO友好的子url(例如http://www.example.com/pages/hello-world)我知道Google现在执行Javascript(http://googlewebmastercentral.blogspot.no/2014/05/understanding-web-pages-better.html),但我仍然无法将这些子URL编入索引(仅索引根页面)。如何使其可索引?如果可能,解决方案不应依赖第三方服务,如seo4ajax或prerendex.io

javascript - 根据过滤器的值有条件地添加 ng-animate 指令

我正在使用AngularJS开发单页应用。使用ng-animate="{enter:'appear',leave:'disappear'}".我想让这个SPA可以被搜索机器人抓取,所以我使用headless浏览器(PhantomJS)呈现页面[同时解释javascript],然后将该结果发送回搜索机器人。我遇到的问题是PhantomJS在View仍在动画时发回结果,因此一些div在渲染回来时仍然是“透明的”(甚至有时仍在opacity:0-这在SEOimo方面很糟糕。我的解决方案是在检测到headless浏览器时禁用动画。我的问题是如何根据过滤器的值有条件地添加ng-animate指令

javascript - Ng-include 部分不使用 phantomjs 渲染

因此,我使用的是MEAN堆栈,我的着陆页包含许多Angularng-include。例如:我也在使用mean-seo:https://github.com/meanjs/mean-seo.如果通过?_escaped_fragment_=检测到爬虫,这实际上只是使用phantomjs呈现页面。我的问题是通过ng-include包含的部分不是由mean-seo呈现的,即由phantomjs呈现。如果您有任何想法,如果您能分享它们,那就太好了! 最佳答案 我设法使用prerender.io让它工作。我仍然不确定为什么在我采用DIY方法时它

angular - 我将 ng2-metadata 与我的 Angular 版本 4 应用程序一起使用,谷歌似乎只显示默认标题和描述

我在我的Angular应用中使用ng2-metadata,谷歌似乎只显示默认标题和元描述。我的技术:用于托管的Angular版本4、webpack、typescript和firebase。我正在部署一个AOT构建,我已经添加了ng2-metadataaot函数,如下面的链接所示。这是我正在使用的包:https://www.npmjs.com/package/ng2-metadata当前问题:代码似乎可以在浏览器中正常运行,但谷歌机器人似乎不会在谷歌搜索结果中显示其他页面标题和元标记。*我已经完成了一个网站管理员工具抓取请求来索引页面,即使它是一个SPA。这是我的博客页面的路由之一(我删

NG-Model-Options Debounce不按预期进行Blur活动?

我已经申请ng-model-options上input具有以下配置ng-model-options="{updateOn:'defaultblur',debounce:{default:1000,blur:0}}"并根据应用于ng-model-options我期待已更新ng-model's价值开ng-blur事件,但尽管设置了,但它并没有返回新值0Blur事件的删除价值。*注意:仅当用户在给出时间之前的用户集中注意时才发生此问题default调试,即1000html:JS:$scope.myname="Yogesh";$scope.output="";$scope.onBlur=functio

如何在 Angular 中使用 ng-container 元素

简介ng-container是Angular2+中可用的一个元素,可以作为结构指令的宿主。在本文中,您将探讨可以使用ng-container解决的场景。先决条件如果您想跟着本文学习,您需要:熟悉DOM的结构。要了解更多,请查看教程系列《理解DOM》。对Angular模板和结构指令有一定的了解可能会有所帮助。使用ng-container避免冗余元素在Angular中,您不能在一个元素上使用多个模板绑定。以下结合了*ngIf和*ngFor结构指令的示例将无法编译通过:[secondary_label无效示例]div*ngIf="todos"*ngFor="lettodooftodos">{{tod

添加ng class的课程单击孩子的父母

我有以下问题。我需要设置active与父母的课div从ChildDiv点击,该父母内部。为了说明我将提供一个代码。并省略它的一部分以确保可读性。html...SelectCSS.selected{border:2pxsolid#ffbe10;}.selected-cta{background-color:#ffbe10;}如你所见,我有offer__container获取一些数据并进行NG重复,我需要能够点击offer__container__cta添加active样式对父容器的样式,并跟踪,就像我单击另一个div通过NG重复渲染,应采用主动样式并将其转移到该div。最好还是想设置某些样式of

Prime NG Datable Paginator将数据更改重置为第一页

我正在使用Primeng数据组件如果我修改myModel表,它将我的Paginator重置为第1页...有人能解决这个问题吗?看答案是的,实际上,这很愚蠢,当我找到这个时,我对自己的愚蠢感到震惊。问题:您的数据是否在*ngIf="myModel"?