angularjs ngMeta标题描述不是由Google抓取

发布时间：2020-12-17 08:24:01 所属栏目：安全来源：网络整理

导读：在我的Angularjs应用程序中，我使用这个 https://github.com/vinaygopinath/ngMeta。 title ng-bind="ngMeta.title"/titlemeta property="og:title" content="{{ngMeta.title}}" /meta property="og:description" content="{{ngMeta.description}}" / 我的控

在我的Angularjs应用程序中，我使用这个 https://github.com/vinaygopinath/ngMeta。

<title ng-bind="ngMeta.title"></title>
<meta property="og:title" content="{{ngMeta.title}}" />
<meta property="og:description" content="{{ngMeta.description}}" />

我的控制器代码是

app.controller('controller1',function($scope,$location,$http,$routeParams,ngMeta,$route){
    $scope.$route = $route;
    ngMeta.setTitle('site title');
    ngMeta.setTag('description','this is description');
    ngMeta.setTag('keywords','tag1,tsg2,tag3');
});

页面加载后，一切正常，但Google正在显示{{ngMeta.description}} {{ngMeta.title}}
任何帮助来解决这个问题。

我正在面对类似的问题与SEO的反应应用程序。

我建议最好的方法来处理这将是使用prerendering。

我这样说，因为如果您的单页面应用程序正在进行API调用，Google搜寻器不会等待ajax调用完成，所以在技术上它不会通过API调用读取任何内容。花了我几天时间，使用网站管理员。

所以，你可以使用phantomJS或prerender.io(在内部使用phantomjs)。那么这样做是什么，它解析你的html文件，并用静态内容替换Javascript的内容，从而为机器人提供正确的和完整的内容。

否则，如果页面第一次加载，您可以直接从后端提供页面，所以这也有帮助。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!