2

Web サイトのコードは、AngularJS javascript フレームワークで生成されています。Web ページにアクセスすると、ページは完全に表示されますが、ソース コードに完全に存在しない部分によってソース コードが読み込まれています。次に例を示します。

<body>
    <div class="wrapper">
        <div ng-include="'partials/header.html'"></div>
        <div id="ng-view" ng-view class="main_view wrapper"></div>
        <!--div ng-include="'partials/home_content.html'"></div-->
        <a href="#"> </a>
    </div>
    <div ng-include="'partials/footer.html'" class="footer"></div>
</body>

https://www.google.com/webmasters/tools/homeでパーシャル コード (ヘッダー、コンテンツ、フッター) をテストするにはどうすればよいですか?

4

4 に答える 4

4

prerenderというソフトウェアを使用して、クローラーが単一ページのアプリケーション サイトを実際にクロールしてインデックスを作成できるようにしています。

したがって、テスト ツールに作業用の事前レンダリングされたページを提供するだけです。これは良い考えだと思います。クローラーがページを取得する方法はまさにそれだからです。

私は prerender を使用しています。これは、サーバーにインストールするか、サーバーを介して (有料で) 使用できます。詳細については、https ://prerender.io/documentation を参照してください。

于 2015-04-29T14:22:30.620 に答える
1

生成されたページ ソースをここの [HTML] タブに貼り付けてみてください。

http://www.google.com/webmasters/tools/richsnippets

生成されたページ ソースのコピーを取得するのに役立ついくつかのリソースを次に示します。

アップデート：

より優れた、更新された HTML テスト ツールがここにあります。

https://developers.google.com/webmasters/structured-data/testing-tool/

この投稿では、もう少し詳しく説明しています。

于 2015-01-21T17:38:23.637 に答える
0

私はあなたが抱えているのと同様の問題を抱えています。Google のテスト ツールが「ng-if」に到達すると、その (ng-if) 決定を下さないため、先に進みません。残念ながら、それが私たちの構造化データが存在する場所です。

私はSDをDOMの外側でng-ifの前に挿入しようとするかもしれないと信じています。1 日か 2 日以内に作業できることを願っています。Angular と Google SD を使用するための解決策を見つけた場合はお知らせください。

編集:ちなみに、Google テスト ツールまたはヘッダーレス ブラウザーでテストできるようにコードを分離するだけではないと思います。サイトがGoogleに配信されたときに、Googleがそれを確認しようとしているということです。それがまだ同じ到達不能な場所にある場合は、テストのためだけに分離してもあまり効果がありません。

ありがとう！

于 2015-04-20T16:13:11.167 に答える
0

angular js Web アプリを Google にインデックスさせるには、 phantomjsなどのヘッドレス ブラウザーを使用する必要があります。

これは、検索エンジンが JavaScript アプリケーションに到達した場合に、ページの完全にレンダリングされたバージョンを提供する別の URL に検索エンジンをリダイレクトする権限があるという考え方です。

http://googlewebmastercentral.blogspot.com.au/2009/10/proposal-for-making-ajax-crawlable.html を確認してください

于 2015-01-19T15:17:41.303 に答える