9

たとえば、ページにオンロード アニメーションを使用するとします。

$(document).ready(function() {
    $('html.myhtml').css('overflow', 'auto').fadeTo(0, 0, function() {
        $(this).css('visibility', 'visible').animate({
            opacity: 1
        }, 200);
    });
})​

最初に非表示にするインライン スタイルから始めます。

<html class="myhtml" style="visibility:hidden; overflow:hidden">

最初はページは空白として提供され、次に でアニメーション化されfadeinます。私は知りたいです：-

  • これは何らかの形で SEO に影響しますか?
  • この慣行は問題ありませんか、それともそうしないという重大な議論がありますか?
4

6 に答える 6

8

それは影響しません。同じ懸念があるため、マイクロデータを介してGoogleボットの読み取り値を個人的にテストしました. Google は現在、実際には JavaScript の相互作用をある程度可視化しており、さらには swf ファイルも可視化しています。だからあなたははっきりしているはずです。

于 2012-09-26T18:00:41.973 に答える
4

それはSEOに影響しますか？

はいまたはいいえの答えでこれに答えなければならなかった場合、私は言うでしょう：いいえ

この慣行は問題ありませんか、それともそうしないようにするための重要な議論がありますか？

私たちは一日中アニメーションについて議論することができましたが、それでも確実な答えはありません。アニメーションフェードは検索エンジンにとってどのような目的がありますか？なし。それで、それはおそらくユーザーの楽しみのためですか？アニメーションフェードはユーザーにとってどのような目的がありますか？なし。したがって、「検索エンジン以外のユーザー向けのデザイン」モデルを使用する場合は、おそらくアニメーションを削除します。これは私の意見です。

SEOの質問に戻りますが、それはSEOに影響しますか？実際にはそうではありませんが、それは検索エンジンとあなたの聴衆に依存します。私がスクリーンリーダーを使用している場合、スクリーンリーダーが機能しなくなるため、ページのメリットが得られない可能性があります。javascriptを無効にすると、ユーザーエクスペリエンスが低下します（私はFF NoScriptプラグインを使用して個人的に閲覧します）。

javascriptを使用していないユーザーはサイトでビジネスを行っていないとおっしゃっていましたが、それでも、これを考慮して何らかの方法で処理する必要があります。また、Googlebotは、クロール中にjavascriptまたはセッションCookieを有効にしません。次に、jsの1つが失敗した場合、ユーザーが使用できるものに優雅にフォールバックするか、少なくとも「ようこそ！お使いのブラウザがサポートしていないファンシーパンツのアニメーションがここで行われています！javascriptを有効にしてください。

強制アニメーションは、特にページの読み込みをすべて繰り返す場合は特に、ユーザーにとって煩わしいものです。速度がランキングの要因になっているため、ページの読み込みを追加することはGoogleSEOにとって悪いことです。

前述したように、メインのGooglebotは、JavaScriptが有効になっている場合やセッションCookieを使用している場合はクロールしません。それらには、モバイル専用のもの、js用のもの、フラッシュ用のものなど、さまざまな目的のためにさまざまなクローラーがあります。アニメーション/ポップアップ/またはロード中の何かが「GoogleInstantPreviews」によってキャプチャされ、結果にユーザーに表示されることに注意してください（この場合、空白のページのように見える場合があります）。そして、WDeverが述べたように、一般に、この種のものの可視性/表示/オーバーフローよりも、初期状態としてテキストインデントまたは負のマージンを使用する方が安全です。

これは私がそれを行う方法です（これは、jsを有効にした場合と有効にしない場合でテストするための4秒のアニメーション遅延のあるライブプレビューです）：

<html>
<head>
<style>
.myhtml {visibility:hidden; overflow:hidden;}
</style>
<script>document.documentElement.className='myhtml'</script>
</head>
<body>

 1. html is not hidden initially and no class
 2. css styles register .myhtml class with the hidden stuff you want
 3. the script tag just before the BODY tag will fire and add the class to html thus hiding things for those with javascript enabled. Everyone else who has JS disabled sees the page properly.
 4. at the bottom of the page your jquery fires animating the page

<script>
$(document).ready(function() {
    $('html.myhtml').css('overflow', 'auto').fadeTo(0, 0, function() {
        $(this).css('visibility', 'visible').animate({
            opacity: 1
        }, 200);
    });
})​
</script>
</body>
</html>
于 2012-10-05T20:31:17.717 に答える
2

Googleウェブマスターツールに登録する必要があると思います。次に、「Fetch as googlebot」という関数を見つけて、Googleに移動させて目的のページをフェッチし、エラーや異常な動作が見つかったか、予期したものが表示されていないかを確認します。その場合は、ページに問題があることを確認できます。Googleは、ページのクロール中に直面した問題を通知します。次に、それはあなたの問題を修正することの問題です。

編集： javascriptを使用した検索エンジンの主な問題は、jsがページからコンテンツを取得および読み取る際に障壁を作成することです。具体的には、この問題は主に、実際のページにコンテンツがなく、jsを使用して別の場所からコンテンツをフェッチする場合に発生します（したがって、ajax seoの問題）。したがって、他の場所からフェッチするのではなく、ページにコンテンツを配置することを心配する必要があります。

したがって、jsとcssをオフにしてページをテストし、Googleや他の検索エンジンがページを表示したときにページがどのように表示されるかを確認する必要があります。だから、グーグルがまだあなたのページを読んだり、クロールしたり、インデックスを付けたりすることができれば、その素晴らしいアニメーション、フェッチ、その他のものは、私が一瞬心配することはありませんし、あなたもそうすべきではありません。結局のところ、グーグルが大丈夫なら、私たちは大丈夫です。

于 2012-10-04T11:30:39.883 に答える
1

私の知る限り、Googleはページの初期状態のみを認識します。これにはCSSレンダリングが含まれます。たとえば、display:none;またはを追加した場合visibility:hidden;、Googleがそれをインデックスに登録することはないと思います。

安全のために、ロード時にコンテンツを非表示にしてからフェードインします。実際にはテストしていませんが、GoogleのボットがJavaScriptとうまく相互作用するのを見たことがありません。例外は、hashbangメソッドを使用しているときのようです。

この方法のもう1つの利点は、JavaScriptが非アクティブ化されているユーザー（私は知っています）が、そもそもコンテンツが非表示にならないため、引き続きコンテンツを表示できることです。

于 2012-09-26T18:12:57.537 に答える
1

以下をご覧になることをお勧めします。

http://searchengineland.com/google-io-new-advances-in-the-searchability-of-javascript-and-flash-but-is-it-enough-19881

于 2012-10-03T15:16:15.157 に答える