一個臭名昭著的單頁面應用（SPA）開發(fā)領域是SEO。根據您的要求，搜索引擎抓取客戶端呈現(xiàn)的內容要么完全正常，只要它是同步的，或者根本不是很好。

由于所有這些相互矛盾的建議引起的混亂，我經常看到問題“我的Vue SPA是否適合SEO？” 來自像Vue.js Developers Facebook小組，Vue.js論壇和Reddit上的r / vuejs這樣的地方。

在本文中，我們將挑戰(zhàn)流行的觀點，做一些基本的測試，并嘗試總結一些明智的建議，建立SEO友好的SPA。

客戶端呈現(xiàn)內容的問題

單頁面應用程序的標準實現(xiàn)為瀏覽器提供了一個頁面“shell”，而不包含任何有意義的內容。而是使用AJAX從服務器按需加載內容，然后通過JavaScript將其添加到頁面。

這允許用戶在沒有頁面刷新的情況下查看SPA站點的“頁面”，從理論上改進UX。

雖然這種架構適用于在瀏覽器中查看頁面的人類用戶，但搜索引擎爬蟲呢？抓取工具可以運行JavaScript嗎？如果是這樣，他們會在抓取頁面之前等待AJAX調用完成嗎？

重要的是要知道這一點，因為它可以確定網站建設的內容是否可以被搜索引擎索引，同樣重要的是，它的內容排名是多少。

Googlebot

由于Google是全球的搜索引擎，因此我們的調查應專注于Google搜索引擎抓取工具Googlebot。

在網絡發(fā)布初期，Googlebot只會抓取頁面中提供的靜態(tài)HTML。然而，2014年宣布，Googlebot現(xiàn)在會嘗試在開始抓取之前呈現(xiàn)JavaScript。

為了幫助調試渲染經JavaScript修改的頁面的任何問題，Google為網站管理員提供了Google抓取工具，該工具會顯示Googlebot在特定網址上看到的內容的快照。

一個常見的誤解是Googlebot不會抓取異步JavaScript。這篇文章在破壞它方面做得很好。TLDR; Googlebot會等待至少20秒才能完成異步調用！

Googlebot如何看待SPA

典型的Vue.js SPA示例是Vue HackerNews Clone 2.0。這是Vue團隊提供的一個開源項目，用于演示Vue的全部功能和有效的設計模式。

我將此應用程序部署到Heroku實例并通過Fetch As Google運行。在下圖中，左側的屏幕截圖顯示了Googlebot如何看到它，右側的屏幕截圖顯示了用戶將如何看到它。它們似乎完全相同。

許多開發(fā)人員看到谷歌2014年關于JavaScript渲染的公告是對SEO內容的SEO擔憂的終結。實際上，無法保證Googlebot會正確呈現(xiàn)網頁，如果確實如此，它仍然可能會將網頁排名低于競爭網站中的靜態(tài)HTML網頁。

網頁題目：一個單頁應用程序對SEO友好嗎？
URL分享：http://jinyejixie.com/news24/75624.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、網站設計、微信小程序、軟件開發(fā)、全網營銷推廣、網站維護

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)