img alt標籤如何處理動態內容

Question

我正在通過SEO項目來提高我的引擎可見性0​​。我已經完成了多項措施，包括

• 谷歌網站驗證：<meta name="google-site-verification" content="someGoogleGeneratedCode..." />

• 添加robots.txt文件和META標籤：<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW, ARCHIVE" />含robots.txt文件：User-agent: *和Allow: /在項目的根

• Google Analytics跟蹤

• 已添加<meta name="keywords" content=...關鍵字列表至head
• 新增<meta name="description" content=...描述head
• 工作生成網站地圖，使用this free site幫我創建它

然而，當我搜索我的網站命名爲https://DynamicDentalEdu.com，它不會出現在所有的，不即使在搜索結果的第二頁上。

我在跟隨來自here的一些更多提示，其中暗示了img alts和linking。

圖片alt標籤：我的網站是一個測試準備網站，用戶可以一次獲得一個問題圖片。前端是Angular，內容從獨立的Laravel PHP API提供給它。

所以，圖像的角$scope一旦API響應返回渲染：<img ng-src="{{ question.image }}"/>

如何能夠查看/索引爬蟲動態生成的內容是這樣？檢索下一個圖像的唯一方法是用戶單擊next，進行API調用，並提取數據。我在那裏的靜態圖像存在網站上的應用alt標籤其他地方，但不知道如何處理這些：

鏈接：

• GoDaddy的和其他來源基本上描述了外部鏈接到您的網站爲votes爲您的網站，但我的應用程序是全新的。這是否嚴重影響搜索排名？

---

更新：

我只是要求谷歌使用Fetch as Google選項重新抓取我的網站和輸出是index.html不如預期，但身體是角ui-view包裝。 Google無法看到此HTML的其餘部分？

... head stuff in here^
</head> 

<!--Always include header--> 
<ng-include src="'html/partials/header.html'"></ng-include> 

<!--Display single page through UI View--> 
<div ui-view id="full-wrapper"></div> 

<!--Always include footer--> 
<ng-include src="'html/partials/footer.html'"></ng-include> 

Answer 1

這需要google了，同時通過網站抓取。你是否要求從谷歌網站抓取？當我建立一個新的網站時，它花了幾天的時間在搜索引擎中顯示給我，還有幾個星期接近搜索列表的頂部。

需要時間才能顯示。

至於動態替代文字，它取決於你如何獲得頁面上的圖像。但你可以做一些事情，比如命名圖像，然後選擇圖像名稱，修剪擴展名（.jpg）並將其放在替代位置。

// test array to hold some random pictures 
 
var img1 = "http://183.177.132.180/db_img/photo/FLN70-6902-001_1_1_1.jpg"; 
 
var img2 = "http://183.177.132.180/db_img/photo/FLN70-6902-001_1_2.jpg"; 
 
var img3 = "http://183.177.132.180/db_img/photo/ATB73-1902-001_1_1.jpg"; 
 

 
// create test image array 
 
var imgArray = [img1, img2, img3]; 
 

 
// counter for test array 
 
var counter = 0; 
 

 
$("#nxtBtn").click(function() { 
 

 
    // edit your text(ill leave the manipulation up to you) 
 
    var altText = "text here [ " + imgArray[counter] + " ] or text here"; 
 

 
    $("#imgHolder").attr('src', imgArray[counter]); // just my code to add image 
 

 
    $("#imgHolder").attr('alt', altText); // IMPORTANT here to ad the alt text 
 

 
    // just to show the alt, not important 
 
    $("#alt").html(altText); 
 

 
    // just my add image code, not important 
 
    if (counter >= 2) { 
 
    counter = 0; 
 
    } else { 
 
    counter++; 
 
    } 
 

 
});

#imgBox { 
 
    height: 200px; 
 
    width: 200px; 
 
    outline: 3px solid #CCCCCC; 
 
    margin-bottom: 10px; 
 
    overflow: hidden; 
 
    background-color: #FFF; 
 
} 
 
img { 
 
    max-height: 100%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<div id="imgBox"> 
 
    <img src="" id="imgHolder"> 
 
</div> 
 
<button id="nxtBtn"> 
 
    NEXT 
 
</button> 
 
<hr> 
 
<br>ALT TEXT 
 
<p id="alt"></p> 
 
<br> 
 
<hr>