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

前端之家收集整理的这篇文章主要介绍了angularjs ngMeta标题描述不是由Google抓取前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的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的内容,从而为机器人提供正确的和完整的内容

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

原文链接:https://www.f2er.com/angularjs/144996.html

猜你在找的Angularjs相关文章