2015-08-27 138 views
1

我有一個角度的應用程序,我現在正在考慮微調SEO目的。Angular&SEO - 最新的最佳做法是什麼?

看了一些文檔和教程,我很困惑!我明白過去你不得不使用預渲染服務。但隨後谷歌更新了它的機器人以更好地抓取JavaScript。我現在看不出有什麼最好的做法來改進抓取工具和索引,因爲這樣做?

我目前的設置是我有一個網站地圖,並已將我的網址從!.轉換爲#!,並且我還沒有啓用html5模式。

+0

#有什麼用處! ? –

+0

我的理解是,它有助於Google知道它是一個JavaScript重頁面。他們進入一點關於它的細節https://scotch.io/tutorials/angularjs-seo-with-prerender-io –

+0

請注意,有很多關於如何讓你的JavaScript重度網站抓取的信息已過期。啓用HTML5模式+全面的站點地圖可以導致SPA網站被正確抓取,但也存在很多問題,例如非錨點標籤上的ui-sref導致鏈接(可能)未被抓取。 –

回答

0

只要按照這三個參數,一切都會好的。

1)請遵循本文中包含的使用Phantom.js和自定義緩存層生成頁面快照的建議。確保每個頁面都有一個友好的URL並提供sitemap.xml文件中所有URL的列表。當請求的URL中包含?_escaped_fragment_ =參數時,不需要提供快照,而是在已知搜索引擎用戶代理(如GoogleBot)請求頁面時提供快照。

2)使用服務,如Prerender.io

3)讓你的AngularJS由谷歌呈現無預渲染,並看看會發生什麼。請使用HTML5歷史記錄API更新瀏覽器中的可見網址,而不使用#!如果你可以避免它。大多數開發人員同意#!是不理想的,他們肯定會增加網站的搜索引擎優化的複雜性。

相關問題