2014-12-06 125 views
-1

問題:是否可以使用僅客戶端單頁應用程序實現SEO?是否可以使用僅客戶端的單頁應用程序實現SEO?

主題: 我執行的是不基於特定的服務器架構REST應用程序。所以我必須實現一個搜索引擎優化,而不使用「服務器端靜態渲染/快照」的技術......有沒有辦法只使用javascript + html5呢?

總結: javascript & html5 - 沒有服務器端=搜索引擎優化可能嗎?

這裏你是「爲這個應用程序的概念代碼」

<head> 
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
    <script src="myApp.js"></script> 
</head> 
<body> 
    <div id='head'></div> 
    <!-- extra html code here --> 
    <div id='content'></div> 
    <!-- extra html code here --> 
    <div id='footer'></div> 
    <script type="text/javascript"> 
     var page=myApp.getPage(); // get current page name from url fragment 
     $("#head").load("pages/"+page+"-head.html"); // load html for head div 
     $("#content").load("pages/"+page+"-content.html"); // load html for content div 
     $("#footer").load("pages/"+page+"-footer.html"); // load html for footer div 
     myApp.loadContent(); // get contents from REST APIs and load inside html 
    </script> 
</body> 

編輯:我不要求如果谷歌爬蟲可以渲染的js代碼,但如果是有實現SEO的方式大多數搜索引擎在我的情況下。 但是,經過一番研究後發現,實際上沒有任何技術可以做(除了爲您創建html快照的一些預呈現企業服務外)。似乎ATM是唯一的解決方案,將來會爲搜索引擎爬蟲提供更好的js支持。

回答

2

事實上,沒有特定的服務器腳本並不重要。搜索引擎爬行器是一個客戶端,所有重要的是它所獲得的內容,而不管該內容是靜態的還是動態生成的。

這就是說,如果你的頁面是用JavaScript完全構建的,那肯定確實是的問題。如果它是通過JavaScript呈現爲不同頁面的一個大頁面,則搜索引擎可能仍然將其索引爲單頁,或根本不索引。

谷歌現在支持JavaScript,但它仍然是實驗性的,大多數其他抓取工具仍然不支持它。一般來說,在瀏覽器中禁用JavaScript並加載頁面是一個好主意,那麼您會看到抓取工具看到的內容。

+0

,你可以閱讀我正在開發一個[單一的應用程序頁面(http://en.wikipedia.org/wiki/Single-page_application)來加載其「子頁面」通過JavaScript動態。所以禁用JavaScript你不能看到任何內容。只是一個空的模板 – 2014-12-06 16:27:35

+0

我知道單頁的意思,謝謝。單頁面應用程序也可以具有靜態內容,甚至可以預先加載所有內容(在Wikipedia鏈接中也提到了這一點)。無論如何,我已經描述了在這種情況下在答案中會發生什麼,但要更加清楚:完全動態加載的空無JavaScript頁*可能會被Google索引,並且*不會被其他主要搜索索引引擎。你唯一能做的就是確保頁面在非JavaScript情況下也有適當的內容。 – GolezTrol 2014-12-06 16:29:49

+0

感謝您的「額外清理」,但我試圖谷歌網站管理員工具來檢查谷歌索引,似乎谷歌無法呈現我的動態內容。也許我需要做一些額外的工作 – 2014-12-06 16:51:24

-1

當然,這是可能的。

谷歌搜索引擎優化機器人(googlebot)可以運行你的JS並「瀏覽」該頁面,因爲它應該在現代瀏覽器上,所以它們可以掃描頁面的DOM,無論它是如何創建的(服務器端或客戶端)。如果你的JS是標準的,搜索引擎將能夠以用戶的身份閱讀你的頁面。

因此,您可以使用jquery .load()方法構建它的所有SEO知識。

來源:http://googlewebmastercentral.blogspot.ca/2014/05/understanding-web-pages-better.html

+0

這是一個巨大的過度簡化。 – Pointy 2014-12-06 16:26:09

相關問題