3

AngularJS 1.0.7 で開発された Web サイトがあります。私はSEOを扱い始めることに夢中になっています。Google クローラーはこれらの Javascript ベースの Web サイトをインデックスに登録できないという投稿を多数読みました。また、このhttp://ng-learn.org/2014/05/SEO-Google-crawl-JavaScript/のように、Google が問題なくこのサイトのインデックスを作成していると言う他の投稿もあります。

ポイントは、Google ウェブマスター ツールで 0 のインデックス付きページが表示され、トラッキング メニューで実行すると、Google として探索します (英語での名前は正確にはわかりません。スペイン語で知っています)。次のコードを取得します。

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="utf-8">
    <title>{{'YANPY_META_TITLE' | translate}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="U26PrLYE8BjI3scjdk3oTIUR0qK7FVS7XAFByhxwuP8" />
    <meta name="author" content="Veepo Travel & Technology Services S.L.">
    <meta name="description" content="{{'YANPY_META_DESCRIPTION' | translate}}">
    <meta name="keywords" content="{{'YANPY_META_KEYWORDS' | translate}}">
    <meta property="og:title" content="{{'YANPY_META_TITLE' | translate}}">
    <meta property="og:url" content="http://www.yanpy.com">
    <meta property="og:description" content="{{'YANPY_META_DESCRIPTION' | translate}}">
    <meta property="og:site_name" content="Yanpy">
    <meta property="og:type" content="website">
    <meta property="og:image" content="http://www.yanpy.com/img/logo.png">
    <meta itemprop="name" content="{{'YANPY_META_TITLE' | translate}}">
    <meta itemprop="description" content="{{'YANPY_META_DESCRIPTION' | translate}}">
    <meta itemprop="image" content="http://www.yanpy.com/img/logo.png"> 

    <!-- css -->

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">


    <!-- JS scripts -->

</head>
<body>

    <div ng-view></div>                       

    <!-- FOOTER -->

ご覧のとおり、見栄えがよくないものが少なくともいくつかあります。

  1. タイトル、説明メタタグ。私は Angular を使用しているため、これらのテキストはロケール ファイルに保存されているため、選択した言語に従って翻訳できます。ただし、Google はこれを解釈していないようです。したがって、これらのフィールドの関連情報を Google に送信することはありません。

  2. タグ。これは、すべての部分テンプレートが挿入される場所です。したがって、Javascript コードが実行されていないため、Google は実際のコンテンツをまったく認識していないように見えます。

私の分析が正しいかどうか、またこれらの問題を解決するために何ができるか教えてください。

4

1 に答える 1

1

あなたの側では問題ないように見えますが、それは Google の問題です。ただし、prerender.ioなどの事前レンダリング サービスを使用できます。（250ページまで無料です）。

翻訳に関しては、Google が多言語サイトであることを理解できるように、 site.com/en&などの各言語の場所を提供する必要があります。site.com/cn(こちらをご覧ください。Google が理解できる他の URL 構造があります - URL 構造までスクロールします)

angular-translate を使用しているようですので、それを機能させる方法に関する詳細な記事を以下に示します: http://fadeit.dk/post/angularjs-seo-for-angular-translate

于 2015-03-13T18:36:17.930 に答える