前端頁面有那個html仍是jsp（擴展ajax對seo的影響）

時間 2019-12-06

標籤前端頁面那個 html 仍是 jsp 擴展 ajax seo 影響欄目 HTML 简体版

原文原文鏈接

html：前端頁面給普通用戶看的，訪問速度要快，能作到先後端分離javascript

使用html，好比是登陸註冊功能，咱們提交的表單數據從servlet回來的數據不能直接放到html中顯示。咱們用jsp能夠放到request域中或者session域中顯示一些錯誤的提示信息。咱們須要使用異步方式，ajax完成表單提交，ajax能夠完成客戶端和服務器端的數據交互，若是註冊失敗能夠再頁面中顯示一些提示信息。html

jsp：後臺管理系統，好比OA辦公自動化、財務系統給內部人員使用的，咱們用jsp前端

若是html上動態數據真的不少(好比分頁等)那隻能用jsp了，ajax不利於seo，若是html上動態數據比較少的話，能夠利用freemark等有規律的生成靜態htmljava

SEO：搜索引擎優化。經過了解各種搜索引擎如何抓取互聯網頁面、如何進行索引以及如何肯定其對某一特定關鍵詞的搜索結果排名等技術，來對網頁內容進行相關的優化，使其符合用戶瀏覽習慣，在不損害用戶體驗的狀況下提升搜索引擎排名，從而提升網站訪問量，最終提高網站的銷售能力或宣傳能力的技術。ajax

Ajax技術給SEO帶來的問題
經過上面的闡述，咱們瞭解到SEO的主要功能是抓取頁面、關鍵字以達到網站頁面收錄的目的，從而提升網站知名度，同時，搜索引擎在抓取頁面的時候會屏蔽掉全部javascript代碼，而基於Ajax技術的Web站點其中所用到的很重要的一項技術就是javascript代碼，那麼Ajax載入的內容對於搜索引擎來講也就是是透明的，這樣一來，對於百度、google等收錄頁面是十分不利的。後端

4 解決方案
    縱使問題再多，困難再大，但人類的潛能永遠是無窮的， Ajax與SEO再怎麼相處的不融洽，也有使其友好和氣的方法。
    1）改良Ajax代碼方案
    先來看下邊的例子：服務器

------------- 傳統的Ajax方案.htm -------------
<html>
<head>
<script>
function orz6()
{
    document.getElementById("orz6.com").innerHTML="你們好，歡迎來到 http://www.orz6.net！(假設文章比較長，此處省略掉2000個字)";
}
</script>
</head>
<a href="#" _fcksavedurl=""#"" onClick="orz6()">繁體字,火星文</a>
<div id="orz6.com"></div>
</html>

代碼分析：從上面的代碼中，能夠看到href的指向是「#」，這樣在搜索引擎中是沒法抓取到文章的具體內容。
session

------------- 兼顧搜索引擎的方案.htm -------------
<html>
<head>
<script>
function orz6()
{
    document.getElementById("orz6.com").innerHTML="你們好，歡迎來到 http://www.socut.com！(假設文章比較長，此處省略掉2000個字)";
}
</script>
</head>
<a href="http://www.orz6.com/fantizi.aspx" onClick="orz6();return false;">繁體字,火星文</a>
<div id="orz6.com"></div>
</html>

    代碼分析：通過改良後，href直接指向一個存在的頁面，主要來用顯示文章的具體內容。固然，這個頁面須要專門作出來，主要是爲了方便搜索引擎的收錄。細心的話，你就會發現onClick事件後面，多了一句 return false ，這樣是爲了用戶在使用AJAX功能時防止頁面轉換[4]。
使用第二個方案既能完整的發揮Ajax的魅力，也能夠徹底兼顧到搜索引擎的抓取，儘量避免訪客的流失。
    2）Hijax理念
    在 Bulletproof Ajax 這本書中，做者提出了一個叫 Hijax 的理念，不是極端的徹底採用 Ajax 數據與表現分離的作法，而是稍微對傳統頁面加強一下，javascript 僅僅做爲局部刷新的橋樑，全部邏輯仍然放在服務器上，相對於傳統作法，Hijax 將頁面進一步劃分爲分離的模塊，對每一個模塊用相應的處理頁面表示，總的頁面由各個分離的模塊頁面include 所組成[5]。
    3）嵌入AJAX技術的部份內容
    在頁面代碼的設計過程當中，能夠在HTML網頁中嵌入須要使用AJAX技術的部份內容[5]，沒必要要刷新的信息採用HTML靜態形式。例如股價查詢的頁面，只對股價變化部分採用AJAX更新，股價自己不被搜索引擎索引，但頁面的其它內容所有爲靜態化文字信息，不影響搜索引擎索引。
    4）第三方軟件
    有一種交互式的Orca論壇軟件和即將研發出來的產品——Directory、Wiki、Blog中，都將普遍的使用AJAX技術，並解決上述問題[6]。
    Orca百分之百使用AJAX技術，是一個論壇軟件，它已經有一個可操做後退按鈕，永久鏈接，友好的搜索引擎結構和標籤頁面。前後端分離