為什么我的JavaScript呈現的導航欄不被抓取？

Question

我的引導導航欄是通過$（document）.ready中的函數調用加載的。 該函數加載導航欄（在header.html中），如下所示：

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

            if(callback){
                callback();
            }

        },
        dataType: 'html'
    });     
}

我嘗試設置async = false，但是搜尋器仍然不會在導航欄中選取鏈接（我已經嘗試通過Google搜索控制台以及搜尋器程序Screaming Frog使用fetch + render進行獲取）。

最奇怪的是，導航欄是在其他幾個動態頁面元素之前加載的，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>

為什么我的導航欄鏈接沒有被搜尋器拾取？

編輯：應該注意的是，我對SEO非常陌生

Answer 1

通常，我在這篇文章中以其他方式回答了您的問題： https : //stackoverflow.com/a/38948082/6715875

但是，如果我想為您詳細說明，我會簡短地對您說：在DOM加載之后部分更新的所有內容都不會被搜索引擎搜尋器索引。 在這種情況下，您可以選擇上面鏈接中提到的一些解決方案。

問候。