是否有正確的方式讓Google閱讀Angular 2的SEO內容？

Question

我有一個公開可見的Angular 2應用程序。當我登錄Google網站管理員工具並請求呈現網頁時，我可以看到它只是看到加載指示符而沒有看到內容。是否有建議的方法來允許將網站的內容編入索引？

我在Apache服務器上託管。

Answer 1

我想推薦的方法是使服務器端的頁面，用角普及，這裏是一個工作版本

https://github.com/angular/universal-starter/tree/angular-connect

是這樣的：

import * as express from 'express'; 
    import {ng2engine} from 'angular2-universal-preview'; 

    // Angular 2 
    import {App} from './src/app'; 

    let app = express(); 

    // Express View 
    app.engine('.ng2.html', ng2engine); 
    app.set('views', __dirname); 
    app.set('view engine', 'ng2.html'); 


    // static files 
    app.use(express.static(__dirname)); 


    app.use('/', (req, res) => { 
     res.render('index', { App }); 
    }); 



    app.listen(3000,() => { 
     console.log('Listen on http://localhost:3000'); 
    });