img altタグはどのように動的コンテンツと連携しますか

Question

https://www.dynamicdentaledu.comのエンジンの可視性を向上させるために、SEOの項目を調べています。含むrobots.txtファイルで<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW, ARCHIVE" />：<meta name="google-site-verification" content="someGoogleGeneratedCode..." />

robots.txtファイルやMETAタグを追加する：私は

• Googleサイトの確認を含むステップの数、完了したUser-agent: *とAllow: /をプロジェクトのルートにし

• Google Analyticsトラッキング

• <meta name="keywords" content=...head
• 追加<meta name="description" content=...説明head
• に、私はhttps://DynamicDentalEdu.comという名前の私のウェブサイトを検索するとき、それはまったく表示されません、私はまだそれを

の作成を支援するためにthis free siteを使用して、サイトマップを生成するにはいないの作業検索結果の2ページ目にも表示されます。

hereのヒントに続き、img altsとlinkingがあります。

イメージaltタグ：私のサイトはテスト準備のWebサイトであり、ユーザーは一度に1つずつ質問画像を取得できます。フロントエンドはAngularで、スタンドアロンのLaravel PHP APIからコンテンツが提供されます。

ので、画像はAPIレスポンスを返す一度角度$scopeでレンダリングされます。<img ng-src="{{ question.image }}"/> /インデックスを表示することがクローラが動的にこのようにコンテンツを生成する方法を

？次の画像が取得される唯一の方法は、ユーザがnextをクリックすることであり、API呼び出しが行われ、データが取得されます。私は、静的なイメージが存在し、サイト上で他のどこでもaltタグを適用し、これらを処理する方法がわからないしました：

がのリンク：

• GoDaddyのと他のソースは、基本的に外部の説明しますサイトへのリンクはvotesですが、私のアプリはまったく新しいものです。これは検索ランキングに深刻な影響を及ぼしていますか？

---

更新：

私はちょうどGoogleが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）をトリムしてaltの位置に置くなどの操作を行うことができます。

// 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>