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>