爲什麼我的javascript呈現的導航欄不能被抓取？

我的引導程序導航欄通過$（document）.ready中的函數調用加載。這個函數加載導航欄（在header.html中）是這樣的：爲什麼我的javascript呈現的導航欄不能被抓取？

function loadHeader(callback){ 
    $.ajax({ 
     url: "/resources/"+language+"/header.html", 
     async: true, 
     success: function (data) { 
      $('body').append(data); 

      if(callback){ 
       callback(); 
      } 

     }, 
     dataType: 'html' 
    });  
}

我試過設置異步=假，但爬蟲仍然不會拿起導航欄的鏈接（我已經試過通過谷歌搜索控制檯獲取+渲染，以及通過爬蟲程序Screaming Frog）。

最奇怪的是，navbar是在加載其他幾個動態頁面元素之前加載的，Google搜索控制檯在渲染時沒有問題。

這裏是什麼我的導航欄（在header.html中）看起來像一個預覽：

<nav class="navbar navbar-default navbar-fixed-top index-nav"> 
    <div class="container" style="width:100%;">  
     <div class="navbrand"> 
     <a class="navbar-brand page-scroll" href="/en/"> 
      <img class="homelogo" src="/logos/company-Logo.png"/> 
     </a> 
     </div> 
     <ul class="nav navbar-nav navbar-left"> 
     <li class="dropdown resourcesLI"> 
      <a class="dropdown-toggle mousePointer" data-toggle="dropdown">Resources</a> 
      <ul class="dropdown-menu" role="menu"> 
       <li class="Link"><a href="/en/page_1.html">Page 1</a></li>        
       <li class="Link"><a href="/en/page_2.html">Page 2</a></li> 
      </ul> 
     </li> 
     </ul> 
    </div> 
    </nav>

爲什麼我的導航條鏈接被爬蟲拾起？

編輯：應該指出的是，我很新的搜索引擎優化

來源

2016-08-12 fpscolin

一般來說，我已經在這個崗位回答了你的問題，在其他的方式： https://stackoverflow.com/a/38948082/6715875

但如果我瓦納闡述更多對於你，我會在短時間內對你說：所有已加載DOM後部分更新的內容將不會被搜索引擎抓取工具編入索引。在這種情況下，你可以選擇一些我在上面提到的鏈接中提到的解決方案。

問候。

來源

2016-08-15 01:17:44

爲什麼我的javascript呈現的導航欄不能被抓取？

回答

相關問題