0

URL のアンカー (ハッシュ リンク) をチェックし、AJAX で適切なページを読み込むための 300 ミリ秒のトリガーを使用して AJAX サイトを構築する方法は、皆さんご存知でしょう。しかし、これらのアンカー リンクは検索エンジンにとっては何の意味もありません =(

何らかの回避策を考えてみました。すべての JS コードは同じままですが、この小さなこと (私は JQuery を使用しています。申し訳ありません):

$('a').live("click",function(){
    var lnk = $(this).attr("href");
    document.location.hash = lnk;
    return false;
})

次に、本文のアンカー リンクをプレーン リンクに置き換え、非 JavaScript ユーザーと検索エンジン用に対応するプレーン ページ (まだすべての JS コードを含む) を作成します。通常の訪問者の場合、プレーンなリンクがその場でハッシュに変換され、AJAX コンテンツがすぐに読み込まれます。検索エンジンで見つかった特定のページを読み込もうとしている人にとっては、読み込みが行われ、その後、訪問者は ajax ナビゲーションを使用して移動し続けます...どういうわけか (それらの単純な直接ページにはまだ JS コードが含まれていることを思い出してください)。

私は自分の仮定が正しいことを確認したいだけです。彼らは？

更新:悪いことは、ユーザーが for ex を使用して内部ページに直接入る場合です。/portfolioアドレスの場合、彼は引き続き/portfolio#contactsまたは同様の URL にアクセスしますが、これはそれほどきれいではありませんが、まだ機能しています (つまり、/portfolio#contactsには連絡先が表示されます)。

4

3 に答える 3

1

主に、リンクなどのコンテンツをロードするためにAJAXアプローチを使用したくないclick場合でも、すべてのリンクのイベントに対してその関数がトリガーされることになるため、これは良いアプローチではないようです。他のサイトまたは へ。javascript:...

すべての AJAX-y リンクを同じクラスに配置するか、別の属性を使用してそれらを区別し、そこで使用している jQuery セレクターを適合させると、それは機能し、良いアプローチになります。 SEO に適していますが、グレースフル デグラデーションも提供します。つまり、JavaScript が許可されていない環境で実行している場合でも、ユーザーは引き続きコンテンツにアクセスできます。

それ以外に、SEO が唯一の関心事である場合は、sitemap.xmlファイルとは何か、およびその使用方法について Web を検索することができます。ウィキペディアには、読む価値のある記事があります。

于 2009-11-11T18:57:30.763 に答える
0

ねえ仲間、あなたはおそらくjQuery Ajaxyをチェックしたいと思うでしょう。Web サイトをリッチな ajax アプリケーションに適切にアップグレードするため、Web サイトは SEO や Javascript が無効なユーザーでも引き続き機能します。

この次の Web サイトで、この機能の動作を確認できます。すべてのリンクは、Web サイトが Ajax アプリケーションでない場合と同じであることに注意してください。右クリックして新しいウィンドウで開くと、リンクは引き続き機能します。

この機能は、デモ ページで詳しく説明されています。http://www.balupton.com/sandbox/jquery-ajaxy/demo/で、他の例と使用方法を見つけることもできます 。

全体的に、驚くほどシンプルで簡単に使用できます (特に、何ができるかを考えると!)、サポートは素晴らしいです。

于 2010-08-05T18:26:10.467 に答える
0

非常に健全に聞こえます... 300msタイマーのコールバックも上記のイベント内で呼び出されることをお勧めします。これにより、リンクをクリックするとすぐに結果が得られます(また、ユーザーはアドレスバーのリンクに移動できます)同じ効果が得られます）

于 2009-11-11T18:54:00.887 に答える