AngularJS SEO Meta and Description Tags

Question

我已经开始为手机开发一些AngularJS应用程序，最近客户要求将其中一个应用程序移植到桌面，以使其具有响应式多通道架构。

我在一些网站上看到过这种情况:

<meta name="keywords" ng-if="Meta.keywords" ng-attr-content="{{ Meta.keywords }}">
<meta name="description" ng-if="Meta.description" ng-attr-content="{{ Meta.description }}">

当谷歌或其他机器人扫描这可以看到输出HTML关键字数据，这也适用于内容和标题标签。Angular对SEO有多好?

Answer 1

Google处理JavaScript，因此其中生成的内容可用于googlebot抓取。其他爬虫没有说明他们是否可以这样做，直到确认他们这样做，应该假设这些内容对他们来说是不可用的。

仅供参考，元标签对排名没有影响。元描述可能会在Google的搜索结果中显示，但并非总是如此。

Answer 2

<meta name="keywords" ng-if="Meta.keywords" ng-attr-content="{{ Meta.keywords }}">
<meta name="description" ng-if="Meta.description" ng-attr-content="{{ Meta.description }}">

提示:为了避免在你的index.html文件中出现这种情况(例如，对于非js爬虫或如果js发生故障)，只需在你的head标签中添加一个指令。这是最干净的方法。看看这个指令，它将规范、关键字、元数据呈现到你的head标签中。

将你自己的指令映射到标题标签集

restrict: 'E',

和

angular.module('app').directive('head', ['$rootScope'
function($rootScope) {

,

我有一些网站，谷歌肯定会监听我的angular呈现的规范标签的内容(没有HTML快照，简单的单页应用程序与sitemap)。