带有Angular和ASP.NET MVC的SEO（非SPA）

Question

我有一个使用ASP.NET MVC和AngularJS的混合体系结构。

我使用ASP.NET MVC进行路由，所以我没有一个页面应用程序。

我在ASP View中使用init（）方法将C＃ViewModel注入角度控制器：

@model AddictLive.Core.ViewModel.Mobile.ViewModels.MovieViewModel
@using Newtonsoft.Json

<div ng-controller="MovieController" ng-init="init(@Html.Raw(JsonConvert.SerializeObject(Model)))">
     ...
</div> 

要在Angular控制器中获取ViewModel，请使用：

$scope.init = function (movieViewModel) {
    $scope.property1= movieViewModel.property1;
    $scope.property2= movieViewModel.property2;
};

在这种情况下，我遇到了一个SEO问题，因为即使我的ViewModel是加载服务器端，页面内容也是由Angular动态加载的。

当Google机器人扫描我的页面时，所有变量始终都在此处（{{variable}}或ng-repeat =“电影中的电影”）。

我在网上找到的所有解决方案都基于＃号标签！ 单页应用程序，但我的网站不是单页应用程序。

我使用以下方法找到了{{variable}}的解决方案：

<span ng-bind="variable">@Model.myVariable</span>

但是我对ng-repeat和ng-include有问题，因为我不能使用razor @Model。

我已经读到，隐藏div下的所有内容对于Google seo都不是一种好习惯，因此也不是一种选择。

有人知道我的问题的解决方案吗？

谢谢

Answer 1

我没有为您提供直接解决方案，但有建议。 我了解到，几乎不可能创建对用户和搜索引擎有利的网站。 诸如ajax和按需加载之类的主题面向用户，不利于搜索引擎，反之亦然。 例如，如此多的页面仅具有用于搜索引擎的文本，这对于用户而言非常无聊。

我建议使用漂亮的网址制作单独的目标网页。 在登录页面的顶部，您可以执行一些操作来提高转化率，例如，播放搜索按钮或执行其他操作，然后在下方放置搜索引擎的内容。 然后通过以下方法使您的用户页面对Google不可见：

<meta name="robots" content="nofollow,noindex" />

创建两个不同的页面：一个用于您的用户，一个用于搜索引擎。 这样可以保证您不必做任何妥协。