0

多くのコンテンツを含むページの場合、私は最近 css :target を使用して目的のコンテンツのみを表示するのが好きになりました。コードは次のようになります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test Page</title>
    <style type="text/css">
    body {font-family:sans-serif;}
    #some-content>*,
    #some-content>*:target ~ h2:last-of-type,
    #some-content>*:target ~ h2:last-of-type+* { display: none; }

    #some-content>h2:target,
    #some-content>h2:target+*,
    #some-content>h2:last-of-type,
    #some-content>h2:last-of-type+* { display: block; }
    </style>
</head>
<body>
    <h1>Test Page</h1>
    <ol>
        <li><a href="#test-1">First link</a></li>
        <li><a href="#test-2">Second link</a></li>
        <li><a href="#test-3">Third link</a></li>
        <li><a href="#test-4">Fourth link</a></li>
        <li><a href="#test-5">Fifth link</a></li>
    </ol>
    <div id="some-content">
        <h2 id="test-1">First header</h2>
        <p>First content</p>
        <h2 id="test-2">Second header</h2>
        <p>Second content</p>
        <h2 id="test-3">Third header</h2>
        <p>Third content</p>
        <h2 id="test-4">Fourth header</h2>
        <p>Fourth content</p>
        <h2 id="test-5">Fifth header</h2>
        <p>Fifth content</p>
    </div>
</body>
</html>

私の質問は 2 つあります。

  1. 現代のクモはアンカー リンクをたどりますか?
  2. そうでない場合、最後の h2 とその次の兄弟だけがスパイダーされますか?
4

1 に答える 1

2

原則として、スパイダーは CSS を解析しません。通常、彼らが行う CSS の解析は、クローキング スルーdisplay:noneやその他のトリックの可能性を見つけることに関係しています。しかし、これらの CSS ルールを単独で使用するだけでは、これらのルールには多くの正当な用途があるため、サイトが問題を起こすことはありません。ペナルティが発生するのは、クローキングやその他のブラック ハット SEO に使用された場合のみです。

したがって、HTML でコンテンツを見つけることができ、それが CSS または JavaScript によって作成されていない場合、スパイダーはそのコンテンツを見つけてインデックスを作成します。JavaScript または CSS によって動的に作成された場合、スパイダーによって検出されません。(Google のクロール可能な Ajax は Google で動作しますが、それはサイトを構築するには非常に悪い方法です)。

于 2011-08-04T15:46:12.153 に答える