リンクがあるとしましょう:
<a href="/about/">About Us</a>
しかし、Javascript [またはjQuery]ではそれをキャッチし、href属性に基づいてハッシュを追加します。
$('a').click(function(e) {
e.preventDefault();
// Extremely oversimplified..
window.location.hash = $(this).attr('href');
});
そして、hashchangeイベントを使用して、Ajaxリクエストの一般的な「魔法」を実行します。これにより、クローラーは実際のhrefを見ることができますが、JSを有効にしたクライアント側ユーザーはajaxベースのWebサイトを利用できます。
これは、ハッシュタグに付随する一般的なSEOの問題を「助け」ますか?私はハッシュバンが「大丈夫」であることは知っていますが、信頼できないと思いますか?
はい、これは検索エンジンにやさしく、プログレッシブエンハンスメントの良い例です。リンクは引き続きクロール可能であり、JavaScriptを使用した場合と同じコンテンツをロードするため、GoogleおよびJavaScriptを有効にしていないユーザーは、コンテンツを問題なく検索できます。 JavaScriptを使用しているユーザーは、リンクをクリックしたときにページ全体が読み込まれるのを待つ必要がないため、ページの読み込みが速くなるという追加の利点が得られます。