Angular 4和SEO

我有一個Express服務的簡單的Angular 4項目。當我試圖使用Googlebot訪問我的網站時，它只顯示了一個空白頁面（AppRoot的innerHTML）。我認爲谷歌聲稱它的機器人支持Angular 4/JS網站？Angular 4和SEO

如果這仍然是問題，使用Angular Universal進行服務器端渲染真的是最好的解決方案嗎？就像我必須建立另一臺服務器，除了提供普通客戶端渲染應用程序的主服務器之外，還提供服務器端渲染的應用程序？如果是這樣，我該如何告訴googlebot去服務器端渲染的應用程序的端口和正常的http流量去客戶端渲染應用程序的端口？不是抓取工具的HTTP流量？

來源

2017-06-07 tetutato

此問題似乎是無關緊要的，因爲它不在討論範圍內，如幫助中心所述。 – Will

使用Angular Universal的服務器端渲染應該解決搜索引擎優化問題。 Googlebot和正常流量都應該碰到同一臺服務器。不應該爲googlebots IMO單獨安排。這是一個很好的閱讀：https://coursetro.com/posts/code/68/Make-your-Angular-App-SEO-Friendly-(Angular-4-+-Universal） – Raptor

@Deepakswain是的，新人，它是。這是一個推薦問題（「服務器端渲染使用Angular Universal真的是最好的解決方案嗎？」）和Googlebot的工作方式的組合，關於Googlebot是如何工作的，這不在話題中。閱讀[tag：seo]標籤。 – Will

這個問題不是Angular4特有的。由JavaScript動態生成的任何數據將首先顯示爲空白，然後加載其內容。我假設你正在尋找google page speed Insights。

要查看谷歌看到：

評論你的外部CSS
評論了你的外部JS

這將是谷歌最初的看法。之後，谷歌將獲取外部文件，運行你的JavaScript和呈現頁面。在提取外部資產之前和之後，Google頁面速度會對您摺疊之前的任何更改的像素進行懲罰。

Angular Universal（或任何服務器端渲染，因爲這不是一個角度問題）將解決這個問題。

希望有所幫助。

來源

2017-08-15 06:55:40

回答

相關問題