什麼是角?Angular 是 Google 開發 如何以角度優 的JavaScript開發框架。
Angular 為我們提供了開發SPA (單頁應用程式)Web 應用程式的可能性 ,因此網站只會載入一次,從而導致其餘內容或導航透過 AJAX 載入。
在本文中,我們將討論Angular 2 或更高版本。
為什麼在 Angular 中使用 Web SPA?
正如我們所提到的,SPA 網站或單頁應用程式是一種 Web 開發,其中網站只會載入一次。也就是說, 所有 Web 內容(html、css 和 js)都將第一次執行,當我們瀏覽網站時,內容將透過 AJAX 加載,因此使用者不會注意到加載時間。透過這種方式,我們設法改善網站的回應時間。
Angular SEO – 單頁應用程式
允許攻擊者將客戶端腳本注入 Web 應用程式。
Angular 和 SEO 有哪些缺點?
問題之一來自 Google 在通過機器人時如何處 韩国电话号码数据 理網站的 Javascript。第一次載入時,Google 僅索引網站的 HTML,第二步驟新增 JS 並為其建立索引。
這就是我們遇到問題的地方,我們只會對添加Javascript 的第二次加載感興趣,因為整個網站都是用JS 編程的,因此Google 中的索引會慢得多,因為它需要第二輪機器人的使用(2 至4 週)。
我們將遇到的另一個問題是,當透過 AJAX 從 API 對伺服器進行所有呼叫時,Google 只會看到頁面的第一次載入。
對於使用者來說,該頁面的工作方式與其他頁面一樣。他們可以輕鬆無問題地瀏覽該網站。另一方面,Google不會看到與用戶相同的東西,這會在索引我們的內容時出現問題。
提示: 使用 Google Search Console 以 Googlebot 的方式檢視您的網頁。
但與所有事情一樣,都有解決方案。
如何針對 Google 抓取優化 Angular 應用
現在我們知道了面臨的問題,讓我們看看我們必須做什麼才能在 Angular 中執行正確的索引。
使用 Angular Universe從伺服器渲染 Web
透過 Angular Universe函式庫 ,我們將確保提供網 如何以及在哪裡可以學習 seo 站的是伺服器而不是客戶端。這樣,Google 機器人就會正確地看到 HTML 中的訊息,從而正確地對內容進行索引。
使用ngx-json-ld庫 在 Angular 開發中 資料庫到數據 新增模式ngx-json-ld庫 將幫助我們輕鬆地將所需的模式放入我們的 Web 專案中。
有關更詳細的信息,我留下了一篇來自 Google 的文章,詳細介紹瞭如何在 Angular 中改進 SEO
透過應用這些解決方案,我們應該不會遇到任何重大問題,這樣我們的 Angular 應用程式的 SEO 就能正常運作,並且 Google 可以正確地對我們進行索引。